如何修復IE 6-8中的PNG定位

我在最新版本的Wordpress上運行Thesis 1.8.5，我似乎無法修復IE 6-8中我的爆頭PNG圖像的位置， texashomeloanpro.com。儘管Chrome和Safari中的PNG圖像看起來很棒，但在IE中，圖像稍微向右推，在其位置留下一個白色框。如何修復IE 6-8中的PNG定位

下面是簡單的CSS，我現在所擁有的：

#new-sidebar-1 img { 
    float: left; 
    margin-right: 1px;}

我一直在使用不同幅度試過，去掉浮，加入「diplay：內聯」，甚至本手冊修復http://www.twinhelix.com/css/iepngfix/demo/，但似乎沒有任何刪除白色框並將PNG圖像移到IE中的正確位置。

有什麼建議嗎？

感謝，格蘭特

來源

2013-07-02 gsifers

你有一些多餘的標記：

<img class="mike_jones_photo"/> 
<a href="http://www.texashomeloanpro.com/contact-us/"> 
    <img src="http://www.texashomeloanpro.com/wp-content/uploads/2013/05/20130516_170510.002-120x150.png"/> 
</a>

注意額外<img>標籤上的第一行。它沒有src屬性集。 IE爲這個空圖像騰出空間，而其他瀏覽器可能會忽略它。

你可能想是這樣的：

<a href="http://www.texashomeloanpro.com/contact-us/"> 
    <img class="mike_jones_photo" src="http://www.texashomeloanpro.com/wp-content/uploads/2013/05/20130516_170510.002-120x150.png"/> 
</a>

來源

2013-07-02 18:38:33

布賴森，你不知道多少時間我花了試圖解決這個問題。感謝您的幫助！ – gsifers

@gsifers樂於幫助。你能把這個標記爲答案嗎？ –

如何修復IE 6-8中的PNG定位

回答

相關問題