我想得到下圖中藍色條帶的結果。它位于包裝器內部，因此 HTML 如下所示： <body><div class="wrapper"><div class="strap"></div></div></body>我知道它是用 z-index 完成的。帶子應該在整個頁面上可見。感謝幫助
2 回答
楊__羊羊
TA貢獻1943條經驗 獲得超7個贊
使用以下 CSS。代碼將位置設置為絕對，然后將 div 的每個點定位到窗口的每個角：頂部、底部、左側和右側。Z-index 會將其帶到前面。確保沒有其他元素使用 z-index 的值大于 99。然后將背景顏色設置為白色，透明度為 40%；將 0.6 調整為您需要的值。例如 0.8 的透明度會較差。
.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貢獻1827條經驗 獲得超8個贊
使用css屬性positionabsolute，并使用top、right、left、bottom進行對齊。并使用 z 索引使其出現在該包裝器的頂部，確保寬度為 100% ...
- 2 回答
- 0 關注
- 113 瀏覽
添加回答
舉報
0/150
提交
取消