свойство переполнения для элементов с абсолютным позиционированием

Question

свойство переполнения для элементов с абсолютным позиционированием

0

Как установить свойство overflow: hidden для абсолютно позиционированного элемента. Я знаю, что установка абсолютной позиции делает элемент не в потоке документа. Вот мой код. Я пытался установить переполнение: скрытый для элемента img так долго. пожалуйста помогите.

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body>
<div>
<img src="http://photoblogstop.com/wp-content/uploads/2012/07/Sierra_HDR_Panorama_DFX8048_2280x819_Q40_wm_mini.jpg"/>
</div>
</body>
</html>

CSS

body {
margin: 0;

}
div {
width: 100%;
overflow: hidden;
}

img {
position: absolute;
height: 100%;
clip: rect(0px, 678px, 600px, 0px)
}

microman 22 окт. 2013, в 19:12

Источник

0

может быть, это помогает stackoverflow.com/questions/12463658/…
Bharath R 22 окт. 2013, в 16:21
0

хорошо спасибо. мой никогда не будет ответа, теперь я знаю. :-)
microman 22 окт. 2013, в 16:25
0

Не говорите так, проверьте эту ссылку, если это не ваш вопрос, поделитесь тем, что вы чувствуете, это то место, где ответили многие вопросы, и FYI без программистов SO не зашел бы так далеко.
Bharath R 22 окт. 2013, в 16:30

Показать ещё 1 комментарий

Теги:

html

css

1 ответ

Ещё вопросы

может быть, это помогает stackoverflow.com/questions/12463658/…
хорошо спасибо. мой никогда не будет ответа, теперь я знаю. :-)
Не говорите так, проверьте эту ссылку, если это не ваш вопрос, поделитесь тем, что вы чувствуете, это то место, где ответили многие вопросы, и FYI без программистов SO не зашел бы так далеко.

DaniP · Answer 1 · 2013-10-22T14-09-00.000Z

Привет, когда вы устанавливаете position: absolute необходимо установить его относительный родитель. Таким образом, в вашем коде относительный родитель является <body>. Если вы установили div

div {
  position:relative; 
}

Затем он переходит в относительный родитель, поэтому ваш img будет отображаться относительно этого контейнера. Кроме того, чтобы заставить его работать, вам может потребоваться установить фиксированную высоту.

Проверьте это http://jsfiddle.net/WHq8U/33/