0

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

这是一个非常重要的可见性/可读性/可访问性问题,因为如果深色文本阴影不可见,则在白色背景上带有深色阴影的浅灰色文本可能会变得不可读。并且设计师坚持使用这个,而不是使用文本图像替换。(我可以尝试针对最近的浏览器,但令我惊讶的是,连 IE9 都不理解text-shadow,而且上帝只知道所有移动设备上对此的支持是什么......)

4

2 回答 2

2

你必须使用这个脚本:

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

然后你可以这样做:

.no-textshadow h1 {
    background: #fff;
    color: #000;
}
于 2012-06-17T08:08:27.637 回答
1

不是没有 JS,而是有一个可行的纯 CSS 替代品,我相信它适用于 IE 6-9 并且是有效的。听说过 DXImage 变换吗?

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

于 2012-06-17T08:08:51.987 回答