差异化兼容FF的网页变灰
类别: HTML/JS
标签: JavaScript
21
四月
2010
网上所有的变灰代码无疑都是用IE的滤镜，只是IE的独有属性，如何在ff下面变灰呢,第一种用canvas处理的，效果非常好但是需要所有的图片处于同域之下，并且对flash是没法遮盖的，第二种方法对于专业网站，他们改了CSS的字体颜色，处理了所有的图片,但是太麻烦了，虽然我的网站图片很少，批处理一下就搞定了，但是我很懒，有没有一步式的处理方法呢。
于是想到山寨的遮罩层，但是出现了一个问题，下面的元素却不能点击了，没关系““pointer-events”帮你忙，我们先看看关于他的介绍，
CSS pointer-events
原本来源于SVG，目前在很多浏览器中已经得到体现，默认它设置为auto，这是正常的行为，如果你已经设置属性值为none。它将不会捕获任何click事件，而是让事件穿过该元素到达下面的元素。
目前位置标准浏览器中除了Opera没有支持其他都支持了，所以我们对IE使用滤镜，标准浏览器使用遮罩，来达到差异化兼容FF，chrome，为了方便各位朋友做成了js,在IE下面用滤镜，标准浏览器下面用遮罩，虽然遮罩的效果差了一点，但是至少也算哪个样子。
在</body>之前引用
<script src="http://demo.btorange.com/gray/gray.js" type="text/javascript"><!--mce:0--></script>
当然如果你嫌弃我这个国外的空间慢，就自己下载吧。
文章作者ariesjia,转载欢迎,但是请署名,谢谢
年轻人，不错啊 呵呵
主題很漂亮。
css应该也能实现这个功能
呵呵，对啊，都是CSS的，我只是为方便使用做成用JS的
ff，Opera 测了不可兼容
这是一种差异化的实现，不清楚你怎么测的，确实可以兼容，用canvas可以做到很好，但是对于图片而言就有要求，必须是当前域之下的
FF真的不可兼容