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 的文件夹开始）

网站.html

样式.css

/images/topleft.png

注意：样式是从 css 文件中填充的，否则。

我尝试了带有文件的绝对路径：

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

如果我将该网址直接放在浏览器中，则图像可以访问并显示。

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 回答
0

如果您的文件链接和文件路径正确，它应该可以正常工作。

示例：http: //jsfiddle.net/Vc8f6/

要解决此问题，您应该尝试使用样式标签将 CSS 放在 body 标签之前，以确保 css 正常工作。如果您仍然看不到图像，请检查文件路径、拼写（区分大小写）和扩展名（.png、.jpg 等）。

HTML

<table>
<tr>
    <td class=topleft width=50 height=50>text goes here</td>
</tr>
</table>

CSS

td.topleft{
border:0px;
width: 500px;
height: 150px;
background-image: url(http://www.smiley-faces.org/wallpaper/smiley-face-wallpaper-widescreen-001.jpg);
background-repeat:no-repeat;
}
于 2013-05-20T02:38:26.120 回答