0

Wordpress の最新バージョンで Thesis 1.8.5 を実行していますが、IE 6-8 でヘッドショットの PNG 画像の位置を修正できないようです (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 の適切な場所に配置します。

助言がありますか？

ありがとう、グラント

4

1 に答える 1

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>
于 2013-07-02T18:38:33.310 に答える