css - 无法在 IE 8-9 (Joomla) 的 Gantry header 中更改颜色

Question

我正在网站上工作 http://www.solstack.se它适用于除 IE 8 和 9 以外的所有浏览器。在这些浏览器中，标题背景是不同的颜色。浅灰色或深灰色，具体取决于龙门后端模板中的设置。我需要它是透明的，但我不知道该怎么做。我搜索了所有 .less 文件以查找要修改的正确代码，但没有成功。我猜它正在某处编译。我还尝试在 gantry-custom.css 文件中添加覆盖。

我需要去掉 #rt-top-surround 中的这两行:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0)

background-color: rgb(241, 241, 241)

Answer 1

您可以尝试在模板文件夹中的 index.php 中执行类似的操作:

<!--[if gte IE 8]>
    <?php
        $doc = JFactory::getDocument();
        $css = '#rt-top-surround {background-color:none; filter:none; }';
        $doc->addStyleDeclaration($css);
    ?>
<![endif]-->

这基本上就是说，如果使用的浏览器高于或等于 IE8，则添加 $css 变量中定义的 CSS 代码。

希望对你有帮助