Question

是否有任何CSS黑客仅针对不支持text-shadow CSS属性的浏览器？

这是一个非常重要的可见性/可读性/可访问性问题，因为如果暗文本阴影不可见，诸如在白色bg上具有暗阴影的浅灰色文本可能变得不可读。设计师坚持使用它，而不是使用文本图像替换。（我可以尝试定位最近的浏览器，但我甚至惊讶于IE9不理解text-shadow，而上帝只知道对所有移动设备的支持是什么......）

Answer 1

你必须使用这个脚本：

if (document.createElement('div').style.textShadow !== '') {
    document.documentElement.className += ' no-textshadow';
}

然后你可以这样做：

.no-textshadow h1 {
    background: #fff;
    color: #000;
}

Answer 2

不是没有JS，但有一个可行的CSS替代品，我相信适用于IE 6-9并且是有效的。听说过DXImage变换？

类似的问题+语法示例：Is filter: progid:DXImageTransform.Microsoft.DropShadow(OffX="x", OffY="y", Color="color") a viable replacement for text-shadow: in IE?

CSS - 目标非文本阴影支持浏览器

2 个答案: