0

Chrome の CSS 背景に問題があり、画像が表示されません。Firefox、IE でも動作しますが、Chrome では動作しません。

ここに私のHTMLコードがあります

<div id="1181" class="archieve_thumb" style="width:98px; height:120px; border:1px solid #b0b0b0;">
<div class="archieve_thumb_img" style="width:19px; height:117px; padding:3px 0 0 79px; margin:0; background:url('/filesPreview/mini_1_z2KFeeUjy9.jpg'); border:0;">
<span class="archieve_thumb_delete"><a id="delete" href="delete.php?pageID=1181"><img src="http://myedisi.ursabyte.com/styles/img/icon_delete.png"/></a></span>
</div>
</div>

間違ったDoctypeを使用していますか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Chrome と Firefox のスクリーンショットを次に示します。

クロム ファイアフォックス

アップデート

これは奇妙です。Chrome Developer Tool を使用して html を調べたところ、これが得られました。

奇妙な HTML

ご覧のとおり、archieve_thumb 要素に子要素がありません。

PS:実際には私のコードではなく、古いコードを書き直しています。

アップデート

申し訳ありませんが、それはjavascriptが原因で、cssとは関係ありません。ご不便おかけして申し訳ありません。ただし、Chrome では、JavaScript の動作が少し奇妙です。

4

3 に答える 3

0
<div id="1181" class="archieve_thumb" style="width:98px; height:120px; border:1px solid #b0b0b0;">
<div class="archieve_thumb_img" style="width:19px; height:117px; padding:3px 0 0 79px; margin:0;background:url(http://www.soneribank.com/images/soneri-direct-1.png); border:0;">
<span class="archieve_thumb_delete"><a id="delete" href="delete.php?pageID=1181"><img src="http://myedisi.ursabyte.com/styles/img/icon_delete.png"/></a></span>
</div>    
</div>

デモ

于 2013-07-16T05:12:46.873 に答える