10

タグtdに背景画像を表示しようとしています。そして私はコードを持っています

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px;"></td>

<img src="../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg" />

タグimgを使用してパスをテストすると、パスは正しくなりますが、tdタグの背景画像に表示されないかどうかはわかりません。

どうもありがとうございます

4

2 に答える 2

15

tdコンテンツがないため、背景画像は表示されません。したがって、背景を描画するためのスペースがありませんtd。は、コンテナのサイズではなく、背景background-sizeのサイズを設定します。インラインスタイルで試してください-画像が表示されるはずです。width:250px;height:180px;td

これがjsfiddleでのデモンストレーションです。CSSからとの設定を削除するwidthheight、画像は表示されません。

于 2013-03-03T14:44:13.213 に答える
6

適切なソリューション

まず、tdの幅と高さを指定する必要があります。正しく機能する例に従ってください---

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px;   width: 250px; height: 180px;"></td>
于 2015-08-08T09:24:19.220 に答える