ie8不拾起背景颜色

我有一个Joomla3网站，自定义模板在大多数浏览器中都很好看，但在IE8中很糟糕。许多元素似乎并没有选择背景颜色，而只是白色。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 - 如果有差别），以检查它为什么只是白在IE8中，我看到

screenshot

这似乎表明.footer .container的背景色是刚刚被忽略。这是为什么？这是因为它通过少编译器编译成rgba格式？

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

来源

2013-10-11 domc

IE3不支持CSS3颜色，例如rgba()，这就是为什么它不起作用。

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

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

来源

2013-10-11 20:15:06

谢谢，这是有道理的，但我认为引导的重点是他们mixins等。是为了照顾这一点，并放入任何额外的'CSS代码'，使其工作？ – domc

@domc不幸的不是。 –

所以我为CSS添加了背景色，但它仍然是白色的。 .container2包含颜色，但IE8似乎将其覆盖为：无透明...。有一个名为*的类，如http://tinypic.com/r/2ebqskw/5所示。你知道为什么会发生这种情况吗？为什么它会覆盖.container2 class css？ Thx， – domc

你可以做的是进口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-14 03:47:33 Lodder

我在企业模式下使用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-02 14:11:36

ie8不拾起背景颜色

回答

相关问题