div背景半透明,覆盖整个可视区域的遮罩层效果

2020-05-02 08:00:03易采站长站整理

<p> <strong>完整的代码</strong>:
<pre>
html,body{ height:100%; margin:0; padding:0}
.mask{height:100%; width:100%; position:fixed; _position:absolute; top:0; z-index:1000; }
.opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; }
</pre>
</p>
<p> <strong>参考资料:</strong>

<a href=”http://sofish.de/1916″>背景半透明最佳实践</a>

<a href=”http://sofish.de/1909″>垂直居中的几种实现方法</a>

<a href=”http://blog.moocss.com/code-snippets/html-css-code-snippets/1617.html”>DIV 高度100%</a>

</p>
</div>
</body>
</html>