一起CSS

当前位置:一起CSS > CSS > 文章正文

IE 8 beta 2不识滤镜alpha ?

前几天《CSS制作仿image menu效果》的第二个有提示的例子(点击这里查看),为了防止图片与文字颜色一样是,文字难以看清,所以使用了滤镜和属性 opacity 制作了半透明效果,然而用 IE 8 beta 2 浏览时却没有效果,如下图:

我又用 IE 8 beta 2 查看以前《制作半透明效果》的例子,也是没有效果。其他浏览器都没有问题,为何 IE 8 beta 2 却没有效果?难道 IE 8 beta 2 连自家的滤镜都不认识?但是我曾经看过一个也使用了 alpha 滤镜例子,在 IE 8 beta 2 里有效果。难道是我的例子不兼容 IE 8 beta 2 ?于是我试图修改代码,然而无论我增加或删除某些属性,始终没有效果。最后来了个狠的——把 DOCTYPE (最顶上的那行)声明删掉,终于,IE 8 beta 2 里有效果了。

效果是有了,但 DOCTYPE 声明是不能删的啊。删了的话,兼容就是个问题了,最起码盒子模型的解释都不一样(详情请查看《用标准W3C盒子模型》)。就为了 IE 8 beta 2 ,而使例子在 IE 系列浏览器中都错位,不值得。当然可以用 CSS hack ,但是不推荐。更好的解决办法我认为是:1)使用 jQuery ;2)把提示文字定位到其他地方。

才用 IE 8 beta 2 没多久,就发现几个问题,看来 IE 8 beta 2 真是不怎么样,希望正式版会更好。

查看:3,843 评论:8 标签:

随机日志

已经有 8 条群众意见

  1. Betty

    滤镜本来就是ie自己搞的不符合标准的东西,在高版本中去掉了也不足为奇…… 对话

    #1
  2. Chance

    我没饰演过,但是印象中又一次看MSDN的时候,微软说明了 IE8不再支持所有的扩展滤镜了。

    那么也不支持标准的属性吗?奇怪。

    这里有一篇文章,提高在所有IE中半透明的顺序问题:

    http://www.quirksmode.org/css/opacity.html 对话

    #2
  3. qingseBetty

    去掉了啊?那也好,我也不太喜欢滤镜,既不标准,又不兼容。。。 对话

    #3
  4. qingseChance

    不支持也好。
    提供的文章不错,学习了。。。 对话

    #4
  5. qingseChance

    但去掉 DOCTYPE 声明,在 IE 8 beta 2 里又有效果,这怎么解释? 对话

    #5
  6. 电影网站

    IE一直都是搞自己的标准,不遵循W3C 对话

    #6
  7. 老鼠

    呵呵,在我的影响下,都开始用8.2了啊。
    其实,beta2已经比beta1好很多了。beta1没有“兼容性视图”,开发人员工具也经常出错,唯一的亮点就是域名标亮。 对话

    #7
  8. qingse老鼠

    是啊!就是从你上次说 hoverbox 在 IE 8 beta 2 中不行之后开始用的。。。 对话

    #8

我要发表意见