-1

相対的に配置された親 Div があり、 に設定されていoverflow:hiddenます。内部に Div をオーバーレイするにはどうすればよいですか?

親divとオーバーラップさせたいので、内側のdivの余白をマイナスに設定します。

html

<div class="out">
   <div class="in">
   </div>
</div>

CSS

.out{
   margin-left:100px;
   width:130px;
   height:130px;  
   margin-top:10px;
   border:1px solid blue;
   position:relative;
   overflow:hidden;
}

.in{
   width:80px;
   height:80px;
   z-index: 999;
   clear: both;
   position: absolute;
   margin-left: -20px;
   margin-top: -20px;
   background-color:yellow;
}
4

2 に答える 2

0

使用する：

position:absolute 
z-index:9999;

div 内にオーバーレイを配置できます

position:relative プロパティと低い z-index で親 div を設定することを忘れないでください

于 2013-06-20T10:56:51.767 に答える
0

.inCSS に次の変更を加えました。

width:100%;
height:100%;

次の行を削除し、

margin-left: -20px;
margin-top: -20px;

リンクのテスト

于 2013-06-20T10:57:15.460 に答える