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 真是不怎么样,希望正式版会更好。