css - IE8 问题 - 在其他浏览器上看起来不错

Question

这在 IE9、Firefox 和 Chrome 中看起来很棒，但在 IE8 中，它看起来很糟糕。对此有什么想法吗？我在使用论文主题的 WordPress 上。我正在使用 custom.css 进行编辑。

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

你能建议如何让它与 IE8 以及其他浏览器一起工作吗？

Answer 1

我认为自 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 迎合的糟糕时代过渡到已经太慢的过渡。