gpt4 book ai didi

internet-explorer - 如何为所有 Internet Explorer 浏览器版本使用不同的字体 CSS 颜色?

转载 作者:太空宇宙 更新时间:2023-11-03 21:54:46 24 4
gpt4 key购买 nike

我有一个使用 HTML5 Bolierplate 的 WordPress 主题.同样,我使用了 Jetpack plugin 的“编辑 CSS”模块。对主题的 CSS 进行修改和添加。

通过 Jetpack 的“编辑 CSS”模块,我为各种 WordPress 小部件标题定义了一些 3 维 CSS 文本阴影。

.example-widget h3{   
color: #fff;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}

问题是,在 Internet Explorer 上,不支持 3D 文本阴影(至少到 IE9。我没有在 IE10 上测试过)并且白色字体不适用于非常浅的彩色背景。在 IE 上,我需要 #444 的颜色替换 3D 文字效果。

Bolierplate 在 <head> 中定义了以下内容, 但我似乎无法弄清楚如何为所有版本的 IE 定义字体颜色:

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

为了现在解决这个问题,我确定我会被要求证明为什么我把这个问题放在这里,而不是在 WordPress Answers 上。 - 原因,他们会告诉我这不是 WordPress 特定的问题,尽管我想知道 Jetpack“编辑 CSS”模块是否会起作用,因为模块中的 CSS 在主题中定义了所有样式表后加载。

最佳答案

执行此操作的两种快速方法。

特征检测 - See Modernizr . <-- 首选方案

这不会检查浏览器版本,只是检查浏览器是否支持 text-shadow。您在页面顶部调用 Modernizr 脚本。然后你创建一个类:

.example-widget {
color: blue;
}

.no-text-shadow .example-widget {
color: red;
}

条件注释

我最喜欢这样做的方式,因为它可以让您将所有 CSS 保存在一个文件中。

<!--[if lt IE 7]>      <html class="no-js ie lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie lt-ie9"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie ie9"> <![endif]-->
<!--[if gt IE 9|!IE]><!--> <html class="no-js"> <!--<![endif]-->

然后你使用:

.example-widget {
color: blue;
}

.ie .example-widget {
color: red;
}

关于internet-explorer - 如何为所有 Internet Explorer 浏览器版本使用不同的字体 CSS 颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14723591/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com