0

絶対配置要素のオーバーフロー: 非表示プロパティを設定するにはどうすればよいですか。絶対位置を設定すると、要素がドキュメントフローに含まれなくなることを私は知っています。これが私のコードです。私はオーバーフローを設定しようとしてきました: 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)
}
4

1 に答える 1

0

こんにちは、設定するposition: absoluteと、彼の相対的な親を設定する必要があります。したがって、コードでは、相対的な親は<body>. divを設定した場合

div {
  position:relative; 
}

次に、相対親になるため、このコンテナーに関連して img が表示されます。また、機能させるには、固定の高さを設定する必要がある場合があります。

これをチェックしてくださいhttp://jsfiddle.net/WHq8U/33/

于 2013-10-22T17:05:30.743 に答える