2011-04-06 67 views
0

我使用下面的代码,但它没有效果!这可以做到吗?您可以使用CSS将图像添加到HTML元素吗?

html { 
      background: #d9dbdc url('images/repeat-x.png') repeat-x; 
    } 
+3

你会想要将该图像添加到'body {}'我相信...除此之外,只要确保路径是有效的。 – acm 2011-04-06 13:27:55

+1

html不是html元素:) – naveen 2011-04-06 13:28:50

+0

它是html元素,不是? – 2011-04-06 14:47:15

回答

2

这会,工作,如果你实际上是在指定的位置有一个形象,尽管它通常适用于body的HTML元件。这可能是身体元素具有覆盖图像的背景颜色。

注意,路径是相对于样式表文件,而不是HTML文件中嵌入它,所以在/css/styles.css指向images/repeat-x.png的路径会导致/css/images/repeat-x.png

+0

body元素有颜色! DOH! – 2011-04-06 14:46:42

2

是的,可以这样做,但它需要在<body>标签上。

您的图片可能不存在,或者您可能有不同的背景覆盖它。

0

确保网址是正确的,你可以使用浏览器的调试工具,如Firefox中的Firebug检查

+0

如果您使用的是Chrome,您可以在页面上单击鼠标右键,单击“检查元素”,然后在资源选项卡上可以找到该资源并查看其是否丢失。 – Mark 2011-04-06 13:33:40

+0

捷径是ctrl + shift + J :) – 2011-04-06 15:14:44

1

如果您正试图设置整个页面的背景,我建议:

体{ 背景:#d9dbdc网址( '图像/重复-x.png')重复-X; }

相关问题