CSS 和 IE 8 和 7答案

【问题标题】：CSS and IE 8 and 7CSS 和 IE 8 和 7
【发布时间】：2013-03-20 22:48:26
【问题描述】：

我这里有这个网站

它在 Chrome、Firefox、IE 9、iPhone 和 iPad 上看起来不错。

在 IE 8 和 7 中，一切似乎都在中间被挤压了......有谁知道为什么会这样？

这是正在被处理的位的代码

.site {
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin: 48px auto;
    max-width: 960px;
    overflow: hidden;
    padding: 0 40px;
}

<div class="hfeed site" id="page">

【问题讨论】：

你看过caniuse吗？
ie7/ie8 不支持box-shadow，将其视为未知/错误，并杀死其余的 css 块。将其放在块的 END 处，以便至少可以应用其他 4 个指令。

标签： css internet-explorer cross-browser

【解决方案1】：

这确实是一个视觉问题，因为您在 ie.css 中应用了不同颜色的背景

尝试在ie.css 中执行此操作：

body {
   background: #000;
}

这应该使它看起来正确。

【讨论】：

【解决方案2】：

我认为您可能需要针对不同版本的 IE 使用不同的 CSS 方法。您使用的代码在旧版本的浏览器中不可用。

更多详情在这里How does one target IE7 and IE8 with valid CSS?

【讨论】：

【解决方案3】：

转到body标签，黑色背景在ie 7中就可以了，我在这里测试了面值。

【讨论】：