<div style="height:158px; width:158px;">Test001<div style="height:158px; width:158px; filter: alpha(opacity=45); opacity:0.45;">Test002<br/></div></div>父DIV和子DIV的大小相同本來兩個DIV應(yīng)該是重疊在一起的可是由于在父DIV中還有其他內(nèi)容“Test001”導(dǎo)致子DIV向下移動了想要實現(xiàn)的效果就是父DIV和子DIV完全重疊在一起子DIV因為是透明的于是父DIV和子DIV的文字都能顯示出來兩個文字交疊在一起的感覺我想知道這么才能讓子DIV不移動即使父DIV中有其他內(nèi)容也能始終和父DIV完全重合
2 回答
四季花海
TA貢獻(xiàn)1811條經(jīng)驗 獲得超5個贊
父DIV設(shè)置為相對定位，子DIV設(shè)置為絕對定位。
<div style="height:158px; width:158px; position:relative;">
Test001
<div style="height:158px; width:158px; filter: alpha(opacity=45); opacity:0.45; position:absolute; left:0; top:0;">
Test002<br/>
</div>
</div>
父級的相對定位：是要把子DIV的絕對定位的起點以父DIV左上角為起點，如果沒有就默認(rèn)屏幕左上角了。
子DIV的絕對定位：是無視父DIV下別的元素。然后就是left:0; top:0; 這個是用來定位的
希望對你有幫助
紅顏莎娜
TA貢獻(xiàn)1842條經(jīng)驗 獲得超13個贊
你這樣寫試一下：
<div style="height:158px; width:158px; position:relative; background:#FF0000;">
Test001
<div style="height:158px; width:158px; position: absolute; top:0px; background:#000000;
filter: alpha(opacity=45); opacity:0.45;">
Test002<br/>
</div>
</div>
- 2 回答
- 0 關(guān)注
- 1736 瀏覽
添加回答
舉報
0/150
提交
取消