css - CSS - 针对非文本阴影支持的浏览器

Question

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

这是一个非常重要的可见性/可读性/可访问性问题，因为如果深色文本阴影不可见，则在白色背景上带有深色阴影的浅灰色文本可能会变得不可读。并且设计师坚持使用这个，而不是使用文本图像替换。（我可以尝试针对最近的浏览器，但令我惊讶的是，连 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 变换吗？

类似的问题 + 语法示例：过滤器：progid:DXImageTransform.Microsoft.DropShadow(OffX="x", OffY="y", Color="color") 是否可以替代文本阴影：在 IE 中？