您當(dāng)前位置：圖趣網(wǎng)（Tuquu） >> 網(wǎng)頁設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

遮罩層無法鋪滿整個(gè)頁面

2016/3/5 9:31:04來源：互聯(lián)網(wǎng)

設(shè)置了遮罩層之后，但是它無法鋪滿整個(gè)頁面，原因是沒有相對(duì)的對(duì)象，

解決方案：在body里面加上position: relative;就可以了

<body>
    <div style="height: 2000px; width: 1003px; border: 1px solid red;">
    </div>
</body>
<div id="ShadowLayer" style="position: absolute; height: 100%; width: 100%; top: 0px;
    left: 0px; filter: alpha(opacity=60); background-color: #C7C7C7;">
</div>

[教程作者：佚名]
關(guān)鍵詞：遮罩 relative 鋪滿 遮罩層
免責(zé)聲明：本站文章系圖趣網(wǎng)整理發(fā)布，如需轉(zhuǎn)載，請注明出處，素材資料僅供個(gè)人學(xué)習(xí)與參考，請勿用于商業(yè)用途！
本文地址：http://m.likemindfilms.com/tutorial/wd3213.html
前端必看！iPhone 5快速適配6/6 Plus
精！Dreamweaver批量替換a標(biāo)簽鏈接為#
圖趣網(wǎng)微信
建議反饋
×