您可以使用 CSS 将图像添加到 HTML 元素吗？
我使用下面的代码，但没有效果！这可以做到吗？
html {
background: #d9dbdc url('images/repeat-x.png') repeat-x;
}
I am using the following code, but it is having no effect!! Can this be done?
html {
background: #d9dbdc url('images/repeat-x.png') repeat-x;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
如果您在指定位置确实有图像，则这将起作用，尽管它通常应用于
body元素。主体元素的背景颜色可能覆盖了图像。请注意，路径是相对于样式表文件的，而不是嵌入它的 HTML 文件，因此路径指向
/css 中的将生成images/repeat-x.png/styles.css/css/images/repeat-x.png。This will work if you actually have an image at the specified location, although it's usually applied to the
bodyelement. It could be that the body element has a background colour that is covering the image.Note that paths are relative to the style sheet file, not the HTML file embedding it, so a path pointing to
images/repeat-x.pngin/css/styles.csswould result in/css/images/repeat-x.png.是的，可以这样做，但它需要位于
标记上。您的图像可能不存在，或者您可能有不同的背景覆盖它。
Yes, it can be done, but it needs to be on the
<body>tag.Your image might not exist, or you might have a different background covering it.
如果您尝试设置整个页面的背景，我建议：
body {
背景：#d9dbdc url('images/repeat-x.png') 重复-x;
}
If you are trying to set the background of the entire page I'd recommend:
body {
background: #d9dbdc url('images/repeat-x.png') repeat-x;
}
确保url正确，您可以使用浏览器调试工具（例如firefox中的Firebug）来检查html
make sure the url is correct, you can use browser debug tool like Firebug in firefox to inspect the html