ie6下面试用png使用滤镜需知

一个弹出框,圆角,带阴影,还半透明的阴影,那么,你肯定会想到用png了,是的,ie下,大家别无他法。

一般会这样来做

<div id=”box” style=”背景图片,if==ie6(加滤镜)”>

<div id=”boxcenter”   style=”">这里是弹出框的内容</div>

</div>

ok,一个漂亮的圆角阴影半透明的弹出框出来了,但是,在ie6下面,你会发现这个弹出框只可远观而不可亵玩,
你 里面的按钮啊什么的都无法捕捉到你的鼠标事件,杯具发生了。你在里面的按钮啊什么的都用不了。为什么?
这个,真的很难说,归咎于ie6的私有滤镜了,但是,如果你的png图片,在boxcenter的位置 切空了,也就是
你的png是个只有边框的图片的话,那么加了滤镜后,的png透明处都是可以使用的。

切记一点,背景图片的png加了滤镜后,这个element内部只有在png的透明位置才能响应你的鼠标,其他地方
都被滤镜屏蔽掉了!!!!!

万恶的ie6!!!!!!!!!!!

Trackback URL

6 Comments on "ie6下面试用png使用滤镜需知"

  1. 寻发信息网
    25/06/2010 at 1:21 上午 Permalink

    踩下,寻发信息网祝你天天快乐!

  2. 久久网赚
    29/06/2010 at 2:42 下午 Permalink

    谢谢博主的分享,有时间看看我博客吧

  3. seo工具
    29/06/2010 at 2:52 下午 Permalink

    还不错了,继续

  4. 久久SEO网赚
    29/06/2010 at 2:58 下午 Permalink

    谢谢博主文章!有空也到我博客瞧瞧

  5. 左旋肉碱副作用
    30/06/2010 at 3:11 上午 Permalink

    文章不错,继续 Ok

  6. marijuana seeds
    31/08/2010 at 3:56 下午 Permalink

    Thank you, this is exactly what I was looking for!

Hi Stranger, leave a comment:

ALLOWED XHTML TAGS:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe to Comments