ID:50269128
大小:48.83 KB
页数:2页
时间:2020-03-07
3、head>
5、p>
这个效果效果在工作中经常会遇到,这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性。下面我们通过一个简单的例子看看如何实现,高手请绕道。
html代码很简单
1、半透明效果可以使用css3中的opacity属性,在低版本的IE浏览器中使用IE的alpha滤镜。代码:.opacity{opacity:0.3;fil
6、ter:alpha(opacity=30);background-color:#000;}
2、要覆盖整个可视区域通常的做法是:html,body{height:100%}
.mask{height:100%;width:100%;}
但是这样做当内容超过一屏时只有IE6下显示的效果是我们所期望的,在其他浏览器中首屏以下的没能被遮盖住,为了兼容其他浏览器我们可以使用position:fixed;
来解决这个问题
7、y>
此文档下载收益归作者所有