背景画像のある小さなスパンがあります。この背景画像は、前景画像の下にスクロールします。これは IE と FF では完全に機能しますが、Opera と chrome では機能しません。
ここに例を示します。4 つの小さな長方形のブロックを見てください。
解決策を提案してください。
1104 次
1 に答える
1
display:blockスパンに追加する必要があります。
<span style="display:block; background: url("/resources/images/strength_bgr.gif") no-repeat scroll 0pt -20px transparent;">
<img alt="test" src="/resources/images/strength.gif">
</span>
インライン要素には高さや幅がないため、画像サイズによってトリミングされるのではなく、背景全体が表示されます。
コメントの後に編集
背景画像を img タグ自体に適用できない理由はありますか? これは、より一貫性のあるクロスブラウザーになります。
于 2010-03-08T13:54:19.240 に答える