摘要:
兼容各浏览器且效果一致,有两种方法:一、使用opacity+Alpha Filter其实见到这个的时候,我们的第一想法当然是 background + opacity,在不支持 opacity 的 IE 再使用 filter 的 alpha 滤镜来实现。但是如果仅仅只是如此,这个最外层,最内层和文字,都被设置了 opacity(alpha 也是使用 opacity )导致文字模糊 。当然,我们可以给各层设置 opacity 变回来,但这是很麻烦的事,所以我这里将文字放在外层的p标签内,再给一个相对定位,(也可给绝对定位)让其显示在半透明的div里面。代码如下:<!DOCTYPE html 阅读全文