請教下 2張圖片 一張圖片定位在另一張圖片下 卻又不會被覆蓋應該在嗎辦？我用相對定位和絕對定位。但是圖片會被覆蓋 怎么設置優(yōu)先級 不會被覆蓋。。還有怎么讓文字和圖片并排
24 回答
已采納
依然c
TA貢獻54條經驗 獲得超32個贊
最下面的圖片position: relative; ?然后文字和上面的圖片position: absolute; ? 圖片重疊顯示而不覆蓋的話用z-index；z-index的值也高，顯示的層數(shù)也高，也就是越上面
Sunshine22
TA貢獻14條經驗 獲得超5個贊
<div class="toutiao">
這里是頭條圖片
</div>
<div class="bg">
這里是背景圖片
</div>
<style>
.bg{position:relative;top:24px;left:20px;z-index:2;}
.toutiao{position:absolute;top:-60px;z-index:3;}
</style>
qq_我是豬_1
TA貢獻1條經驗 獲得超0個贊
<div class="box" style="position:relative;">
? ? <img src="大圖" style="position:relative;z-index:2;">
? ? <img src="小圖" style="position:absolute;top:120px;left:30px;z-index:1;">
</div>
上代碼說話，如果用z-index為負的話，會在body之下，圖會”消失“
這是一首
TA貢獻55條經驗 獲得超6個贊
z-index可以處理層級。但是絕對定位的元素不在文檔流之內。設置z-index好像不能再有些瀏覽器兼容，默認好像絕對定位的會覆蓋相對定位的。。如果要那個圓形圖覆蓋背景圖。可以把圓形的設置的絕對的
添加回答
舉報
0/150
提交
取消