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的兼容性模式

回答

相關問題