用js和css实现遮盖半透明层
最近我做一个项目需要做一个遮盖半透明层。需求就是可以看到层后面的内容，但是不能点击层后面的链接和文本。本来这个问题用两个层z-index很容易解决了。创建两个层。一个为背景层，属性为半透明
opacity:0.50;filter:alpha(opacity=50);z-index=998;
一个为内容层。属性为
position:fixed;z-index:999;
这样在其他的ff以及一些主流的浏览器都是可以显示的。也是非常完美的。但是在ie6下就有问题。ie6不支持fixed属性。对z-index的支持也不是很好。怎么调试也没有用。后来我在网上找了很多种方法。无非就是js和css两种结合实现对ie6的支持。我找了三种方法。在ie6完美实现。当然在ff等也是可以的。
第一种方式。用z-index和js来实现。
标题 ×正文内容
这种方法相对应比较简单。但是会有点小问题。背景以前的滚动条不能够滚动。当然这个对某些网页没有问题。
第二种方式。用js创建一个会话框类。
第三种方法。用js创建一个弹出层div。
我用的是第三种方法。因为正文内容可以很方便的更改。其中还有拖曳关闭按钮的功能。经过多种浏览器的测试没有任何问题。
Your point of view caught my eye and was very interesting. Thanks. I have a question for you.