Question

我在最新版本的Wordpress上运行Thesis 1.8.5，我无法在IE 6-8中修复我的爆头PNG图像的定位，这里可以看到www.texashomeloanpro.com。尽管在Chrome和Safari中PNG图像看起来很棒，但在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>

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

1 个答案: