今天是2010-08-15 ,前一段时间,甘肃的舟曲泥石流,死了一些人,国务院下通知,要所有娱乐的都停止;
所以像 5173.com uu898.com都把主页编程灰色了,但是5173.com的真的很垃圾,居然只是弄张灰色图片,,,而uu898.com才是弄了一个div层,并且半透明,底色是灰色,z-index很大,保证在上面,然后在上一层写一些字.
下面这个css就是可以让一个div宽全屏宽,高能够高到遮盖网页(这个设置成100%,不会是网页那么高,很郁闷,只是屏幕那么高,我们的网页可是很长的.)
重要的是透明效果,就是中间哪一行,一个滤镜filter,一个-moz-opacity,一个opacity这俩不知道啥.反正就是半透明效果,如果只有最后一个opacity的话,在IE6不显示透明,但是在chrome显示透明,所以得加上前面的那个filter..对了位置要设置成绝对的absolute,这样就会覆盖其他的东西了.
#div2{
position: absolute;
width:100%; height:2400px;left:200px;
filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
z-index:100; background-color:#cccccc;
}
|
关于 "div等浮层在IE6下被下拉框遮挡的解决方法",见
另外关于滤镜,filter:gray 对于IE管用,但是归于其他浏览器 chrome不管用..
方法:
下面是该问题: 这微软 IE干的好事
Chrome下的页面灰化代码?
哀悼日将页面灰化的代码,在网上搜索了一堆:
方法1.
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
很明显这是Microsoft家的东西,Chrome是无效的.
方法2.
html {
filter:gray
}
这种方法在CHROME下经测试也是无效。
要能将页面在Chrome下成功变灰,应当使用什么方法?
阅读(1422) | 评论(0) | 转发(0) |