在网上找到几个关于实现此效果的代码:
1.在CSS外部文件中添加
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
2.直接在网页的HEAD标签内添加
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
或
<style type="text/css">
html {
FILTER: gray
}
</style>
html {
FILTER: gray
}
</style>
3.在BODY标签内添加
<body style="filter:gray">
以上几种方法在BLOGGER中测试了一下,除了第3个方法无效外,别的都可以实现,但只限于在IE浏览器中,但在CHROME/FIREFOX/OPERA浏览器却没有效果,如果实现此效果只能修改全部的CSS才可能实现.
昨天在一论坛上看到一消息称,阿里巴巴中国站已变灰,除了IE外,CHROME/FIREFOX/OPERA下都可以看到效果,看下源代码发现是整个替换了网站的CSS文件,专门有一个512的CSS文件.
在BLOGGER里修改CSS表现太过复杂,也只用了上法提供的在IE中有效的方法来去色了.再慢慢看看阿里巴巴的CSS写法来学习一下.
博文
0 评论:
发表评论