【问题标题】:WordPress Theme Displaying Incorrectly in IE 8 and belowWordPress 主题在 IE 8 及以下版本中显示不正确
【发布时间】:2026-02-11 03:40:01
【问题描述】:

我正在处理http://chaseonthelake.com/。该站点在 FireFox 中运行良好,但在 Internet Explorer 中打开时,下拉菜单的透明度无法正确显示,导致下拉菜单无法阅读,并且侧边栏项目周围有黑色边框。看看下面的图片,看看我在说什么。任何有关这些问题的帮助将不胜感激!

【问题讨论】:

  • 您好,您可以将背景图像替换为不透明度的 rgba 颜色,更多信息请查看css-tricks.com/rgba-browser-support
  • 你能检查一下它是否可以在 Internet Explorer 中运行吗?

标签: javascript html css wordpress wordpress-theming


【解决方案1】:

黑色边框的问题可能是因为 IE 将默认 CSS 样式应用于某些元素。我建议在使用任何 CSS 之前使用 Eric Meyer 之类的“CSS 重置”来标准化跨浏览器的基本样式。

http://meyerweb.com/eric/tools/css/reset/

关于菜单透明度,如果你在 CSS 中使用rgba 属性来做透明度,它在 IE 8 或更低版本中不起作用。您可以使用标准的rgb 属性作为后备,在支持它的浏览器中被rgba 属性覆盖,如下所示:

.menu{
  background-color: rgb(255, 255, 255) /*Fallback for non-rgba-supporting browsers*/
  background-color: rgba(255, 255, 255, 0.8);
}

【讨论】:

  • 我刚刚将它添加到我的 CSS 中。你能看到它现在的样子吗?我现在没有可用的 IE
  • 黑边还在
【解决方案2】:

删除

.class {filter:alpha(opacity=value);}

在您的 css 中使用此图像。我希望它对你有用并使用 css

a img {border:none 0;}

【讨论】:

  • 我在 Style.css 中没有看到 .class?
  • 即使在 img{border:none 0;} 之后黑色边框仍然存在
  • 在 styles.css 中找出 .home .categories img 和 .categories img{filter:alpha(opacity=40);} 并将其删除
  • 查看我发布的图片,下拉菜单在 IE7 及以下版本中无法正确显示