0

たとえば、html は次のとおりです。

<td class=topleft width=10 height=10></td>

CSSは次のとおりです。

td.topleft{
    border:0px;
    width: 100px;
    background-image: url(images/topleft.png);
    background-repeat:no-repeat;

}

ディレクトリ構造 (デスクトップ上の site というフォルダから始まる)

site.html

スタイル.css

/images/topleft.png

注: それ以外の場合、スタイルは css ファイルから読み込まれます。

ファイルで絶対パスを試しました：

  background-image:url(file:///C:/Users/user/Desktop/site/images/topleft.png);

その URL をブラウザに直接入力すると、画像に到達して表示されます。

4

3 に答える 3

0

この HTML を使用してみてください:

<td class="topleft">&nbsp;</td> <!-- TD not empty, inserting blank space -->

そしてこのCSS：

td.topleft
{
    border: 0px;
    width: 100px;
    height: 100px;
    background-image: url(images/topleft.png);
    background-repeat: no-repeat;
}

拡張子であっても、画像ファイル名が小文字であることを確認してください。imagesフォルダーも小文字であることを確認します。それは機能しますか？

于 2013-05-20T02:28:17.493 に答える
0

これを試して ：

background-image: url(./images/topleft.png);

于 2013-05-20T02:37:00.323 に答える