1

我有一个带有自定义模板的 Joomla3 网站，在大多数浏览器中看起来都很好，但在 IE8 中却很糟糕。许多元素似乎并没有拾取背景颜色，只是白色。

例如，页脚通常具有背景颜色。当我查看 template.css 文件（从引导程序和我的自定义 template.less 文件编译）时，您可以看到页脚格式

.footer  .container {
  padding: 5px;
  border: 3px solid #bbbbbb;
  padding-top: 0px;
  border-top: 0px;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  background-color: rgba(245,248,250,0.7);
}

但是当我使用 ie8 的网站开发工具（通过我的 mac 上的 wine——以防万一有所不同）来检查为什么它在 ie8 中只是白色时，我明白了

截屏

这似乎表明 .footer .container 的背景颜色只是被忽略了。为什么会这样？这是因为它被less编译器编译成rgba格式吗？

非常感谢您对此的任何帮助以及我如何解决它。

4

3 回答 3

2

IE8不支持CSS3颜色，rgba()这就是它不起作用的原因。

您将不得不采取另一种方法来指定background-color是否要在 IE8 中获得支持。如果您不介意失去透明度，请使用background-color:rgb(245,248,250);or..background-color: #F5F8FA;

见http://caniuse.com/css3-colors

于 2013-10-11T20:15:06.707 回答
1

您可以做的是在您的网站中导入 css3.js。这个 javascript 文件允许您使用 CSS3 属性，这些属性适用于通常不支持它的旧浏览器。

http://imsky.github.io/cssFx/

导入后，您可以像以前一样使用以下内容：

background-color: rgba(245,248,250,0.7);

只是为了安全起见，我认为有一个后备总是一个好习惯，以防万一，就像这样：

background-color: #F5F8FA;
background-color: rgba(245,248,250,0.7);

请注意，回退出现在之前rgba()

希望这可以帮助

于 2013-10-14T03:47:33.127 回答
0

我在企业模式下使用 IE11 时遇到了同样的问题。

我有这个样式集：

.heading {
            background-color:#f1f1ef;
            border-style:solid;
            border-color:#E4E3DD;
            border-width:1px;
        }

我的表格标题没有背景颜色：

<th class="heading">Test</th>

我必须手动设置一个属性 bgcolor 才能在企业模式下工作：

<th class="heading" bgcolor="#f1f1ef">Test</th>
于 2017-11-02T14:11:36.527 回答