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

Question

我在最新版本的 Wordpress 上运行 Thesis 1.8.5，我似乎无法修复我的爆头 PNG 图像在 IE 6-8 中的位置，见此处 www.texashomeloanpro.com。尽管 PNG 图像在 Chrome 和 Safari 中看起来很棒，但在 IE 中，图像会稍微向右推，在其位置留下一个白色框。

这是我现在拥有的简单 CSS：

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

我尝试使用不同的边距，删除浮动，添加'diplay：inline'，甚至这个手动修复http://www.twinhelix.com/css/iepngfix/demo/，但似乎没有任何东西可以删除白框并移动PNG图像在IE中的正确位置。

有什么建议么？

谢谢，格兰特

Answer 1

你有一些无关的标记：

<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>