我现在正在使用 WP 网站,但遇到了一个问题。
该网站在 Chrome、Firefox、Safari、Opera 和 IE10 中运行良好,但在较旧的 IE 版本(如 IE9)中看起来很奇怪。似乎我的自定义 CSS 没有正确加载。有趣的是,CSS 样式部分应用于网站(图标字体),但没有覆盖 Foundation 框架样式的样式。
也许有人可以向我解释我做错了什么并让我朝着正确的方向前进?
PS 我不确定它是否重要,但我的 WP 主题基于Foundation WP 主题。
先感谢您!
- 亚历克斯
我现在正在使用 WP 网站,但遇到了一个问题。
该网站在 Chrome、Firefox、Safari、Opera 和 IE10 中运行良好,但在较旧的 IE 版本(如 IE9)中看起来很奇怪。似乎我的自定义 CSS 没有正确加载。有趣的是,CSS 样式部分应用于网站(图标字体),但没有覆盖 Foundation 框架样式的样式。
也许有人可以向我解释我做错了什么并让我朝着正确的方向前进?
PS 我不确定它是否重要,但我的 WP 主题基于Foundation WP 主题。
先感谢您!
您是否尝试过将此添加到标题标签上方的头标签顶部,以确保 IE 使用 IE 中的最高版本
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
同样在 IE 中查看时,您是否在检查器 (F12) 中检查以确保文档模式与浏览器模式匹配,因此如果您检查 IE9 .. 你会
浏览器模式: IE9
文档模式: IE9标准
出现问题是因为主 CSS 文件对于 IE8 及更低版本来说太大了,而且它只是裁剪了我的 CSS 样式。我已经把它分成2个文件,这解决了问题:)
感谢所有试图提供帮助的人,特别是 Spudley 指出正确的方向!
.dl-menu 类正在使用代码:
不透明度:0;
这不是很跨浏览器。您需要使用几个版本来更好地支持不透明度。
这只是一点,看起来对我来说可能还有其他点,但看看改变它是否对你有帮助。
此页面将很好地解释跨浏览器不透明度属性:http ://css-tricks.com/snippets/css/cross-browser-opacity/