0

这在 IE9、Firefox 和 Chrome 中看起来很棒，但在 IE8 中，这一切看起来都很棒。关于这个有什么想法吗？我在 WordPress 上使用论文主题。我正在使用 custom.css 进行编辑。

我的网站是：http ://www.7637olympia.com/

您能否建议如何使其与 IE8 以及其他浏览器一起使用？

4

3 回答 3

2

要在 IE 中模拟 RGBA 和 HSLA 背景，可以使用渐变滤镜，具有相同的开始和结束颜色（alpha 通道是 HEX 值中的第一对）：

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');

或使用.png大小为 1x2 的图像而不是 1x1。

因为当页面上的任何其他元素对 alpha 透明度使用“-ms-filter”指令时，Internet Explorer 8 无法正确执行 1x1 像素半透明背景图像的重复

看到这个链接

于 2012-05-06T04:18:51.293 回答
2

我认为从 IE7 开始，支持 css 规则filter:alpha(opacity=x);以避免使用半透明 png。不是这样吗？

在您的站点中，您将使用：

.custom #page {
    background-color: #000;
    filter:alpha(opacity=50);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px 10px 10px 10px;
    padding-top: 5px;
}

据我了解，IE 会忽略 rgba 值并使用两个更高的规则来获得类似的效果。

在元素上使用不透明度（在较新的浏览器中也是如此）的一个缺点是它将其设置为整个元素，而不仅仅是背景颜色，因此所有文本和边框等都是半透明的。但我至少会尝试上述方法，看看它是否足够接近。

请记住：人们不升级到更高版本的 IE（或迁移到 FF 或 Chrome）的唯一原因是因为我们竭尽全力确保设计在这些过时的浏览器中看起来不错。如果有足够多的网站看起来像狗屎，他们最终会认为这不是网站，而是他们的旧浏览器。因此，不要浪费太多时间和精力来支持从 IE 迎合旧时代的糟糕过渡已经过慢的过渡。

于 2012-05-06T06:03:54.747 回答
0

IE8 不支持 rgba 颜色。如果您希望它在 IE8 中工作，请创建一个具有相同不透明度的小 png（1x1 像素以外的任何其他大小）并将其作为背景应用到 div。或者，您可以使用仅限 IE8 的样式表并设置除白色以外的其他背景颜色。

于 2012-05-06T04:14:17.617 回答