我想得到下圖中藍(lán)色條帶的結(jié)果。它位于包裝器內(nèi)部，因此 HTML 如下所示： <body><div class="wrapper"><div class="strap"></div></div></body>我知道它是用 z-index 完成的。帶子應(yīng)該在整個(gè)頁面上可見。感謝幫助
2 回答
楊__羊羊
TA貢獻(xiàn)1943條經(jīng)驗(yàn) 獲得超7個(gè)贊
使用以下 CSS。代碼將位置設(shè)置為絕對，然后將 div 的每個(gè)點(diǎn)定位到窗口的每個(gè)角：頂部、底部、左側(cè)和右側(cè)。Z-index 會(huì)將其帶到前面。確保沒有其他元素使用 z-index 的值大于 99。然后將背景顏色設(shè)置為白色，透明度為 40%；將 0.6 調(diào)整為您需要的值。例如 0.8 的透明度會(huì)較差。
.strap{
display: block;
position: absolute;
top: 0;
bottom:0;
left:0;
right:0;
z-index:99;
background-color: rgba(255,255,255,0.6);
}
慕仙森
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊
使用css屬性positionabsolute，并使用top、right、left、bottom進(jìn)行對齊。并使用 z 索引使其出現(xiàn)在該包裝器的頂部，確保寬度為 100% ...
- 2 回答
- 0 關(guān)注
- 121 瀏覽
添加回答
舉報(bào)
0/150
提交
取消