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

CSS-目标非文本阴影支持浏览器,css,Css,是否有针对不支持text shadowCSS属性的浏览器的CSS攻击 这是一个非常重要的可见性/可读性/可访问性问题,因为如果深色文本阴影不可见,则白色背景上的浅灰色文本和深色阴影可能会变得不可读。设计师坚持使用这个,而不是使用文本图像替换。(我可以尝试瞄准最近的浏览器,但我惊讶的是,即使IE9也不理解文本阴影,天知道所有移动设备上都支持什么…)您必须使用以下脚本: if (document.createElement('div').style.textShadow !== '') {

是否有针对不支持
text shadow
CSS属性的浏览器的CSS攻击


这是一个非常重要的可见性/可读性/可访问性问题,因为如果深色文本阴影不可见,则白色背景上的浅灰色文本和深色阴影可能会变得不可读。设计师坚持使用这个,而不是使用文本图像替换。(我可以尝试瞄准最近的浏览器,但我惊讶的是,即使IE9也不理解
文本阴影,天知道所有移动设备上都支持什么…)

您必须使用以下脚本:

if (document.createElement('div').style.textShadow !== '') {
    document.documentElement.className += ' no-textshadow';
}
然后你可以做:

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

您必须使用以下脚本:

if (document.createElement('div').style.textShadow !== '') {
    document.documentElement.className += ' no-textshadow';
}
然后你可以做:

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

没有JS是不行的,但是有一个可行的CSS替代品,我相信它对IE 6-9有效。听说过DXImage Transform吗


类似的问题+语法示例:

没有JS,但有一个可行的CSS替代品,我相信它对IE 6-9有效。听说过DXImage Transform吗


类似的问题+语法示例:

您的设计师需要一个严肃的可访问性速成班。->@BoltClock我知道,但是这个设计实际上看起来很棒,而且很容易阅读,而且文本阴影渲染得很好……你的设计师需要一个很好的可访问性速成班。->@BoltClock我知道,但设计实际上看起来很棒,而且通过正确渲染文本阴影很容易阅读…谢谢,我希望有一个CSS专用的解决方案,以避免加载功能检测库,如Modernizer,但您的解决方案也足够轻量…谢谢,我希望有一个CSS专用的解决方案,以避免加载功能检测库,如Modernizr,但您的解决方案也足够轻量级…谢谢,尽管我不想麻烦在IE中使用文本阴影,只是在不支持阴影时更改文本颜色以使文本可读。。。我还需要对一些移动浏览器进行测试…谢谢,虽然我不想在IE中设置文本阴影,只是在不支持阴影时更改文本颜色,以使文本可读。。。我还需要对一些移动浏览器进行测试。。。