IE 8的兼容性模式

我的CSS如下：

.SPImage img 
{ 
    margin-top:-15px; 
    float:left; 
    white-space:normal; 
    width:194px; 
    height:149px; 
}

我的HTML如下：

<DIV id=SPImage class=SPImage> 

<DIV style="POSITION: relative; WIDTH: 100%"> 
<IMG style="WIDTH: 165px; MARGIN-LEFT: 15px" title="test" alt="test" src="/resources/2710004.jpg"> 
</DIV> 
</DIV>

我有以下的HTML设置头标：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

我的问题是，当我使用IE 8时，由于margin-top:-15px;，当使用IE 7和IE8兼容时，它的图像上升到15px，因此看起来就好。我不能删除margin-top:-15px;，因为它看起来丑陋在IE 7

enter image description here

我怎样才能解决这个问题呢？

来源

2011-07-10 danny.lesnik

使用iedeveloper工具栏。更改边距并查看效果。改变一点应该工作。否则使用内联样式进行测试。如果这不起作用，那么您将需要使用单独的css文件来包含评论 – MLS

@MLS，我使用了Ideveloper，不幸的是它稍微改变不起作用。所有问题都是margin-top：-15px; –

如果你有'IE = EmulateIE7'，那么它在“IE8模式”中看起来没什么关系。所有的IE8用户都会在“IE7模式”下看到该网站的工作。 – thirtydot

当我这样做：

CSS：

.SPImage img { 
    margin-top:-15px; 
    float:left; 
    white-space:normal; 
    width:194px; 
    height:149px; 
}

HTML：

<DIV id="SPImage" class="SPImage"> 
    <IMG style="WIDTH: 165px; MARGIN-LEFT: 15px" title="test" alt="test" src="img url"> 
</DIV>

在IE 7，IE 8，IE9，Chrome和FF它正在寻找相同？

来源

2011-08-26 15:59:06 Maanstraat

IE 8的兼容性模式

回答

相关问题