2013-03-20 69 views
0

我这里有CSS和IE 8和7

http://heyheyandco.com/

这个网站,它看起来罚款在Chrome,火狐,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"> 
+1

你看过[caniuse](http://caniuse.com/#search=max-width)吗? – brbcoding 2013-03-20 14:38:29

+0

ie7/ie8不支持'box-shadow',将它视为一个未知/错误,并杀死其余的css块。把它放在块的END部分,这样至少可以应用其他4个指令。 – 2013-03-20 14:38:50

回答

1

这确实是更直观的问题,因为你申请一个不同颜色的背景ie.css

尝试在ie.css这样做:

body { 
    background: #000; 
} 

这应该使其看起来正确。

0

去身体标记和一个黑色的背景将罚款ie 7我在这里测试的面值。