html - 正文背景图像不显示在 CSS 中,仅在 HTML 中显示

标签 html css

我有一个非常奇怪的问题。我曾尝试使用 CSS 设置主体的背景,但它不允许我这样做。当我在标签内使用简单的 HTML 标签时

<body background="images/bg.jpg">

它的工作!但是当我在 CSS 中使用它时:

body { 
    background-image: url(../images/bg.jpg);
}

它不显示 BG 图片。

一切都是正确的,如果我检查文件夹,一切都在它的位置。我已经在 Chrome 和 Mozilla 中尝试过,但它们都不起作用。

有什么建议吗?

最佳答案

如果您的 CSS 是内联的:

<style>
    body { background-image: url('images/bg.jpg'); }
</style>

如果您使用的是文件,请说css/main.css:

body { background-image: url('../images/bg.jpg'); }

或者,您可以使用绝对路径:

body { background-image: url('/images/bg.jpg'); }

此示例要求图像目录位于 Web 根目录中。

关于html - 正文背景图像不显示在 CSS 中,仅在 HTML 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13002933/

相关文章:

javascript - 无需提交即可获取文本字段值(html)

html - 从主页删除 Logo - Wordpress

javascript - 如何在jquery中使用函数体onload?

css - Selenium 定位元素 - Angular

php - HTML 表单被阻止,无法输入任何文本

html - 两个 div 元素,一个是固定的,另一个是自动的。怎么修?

css - IE6 中水平导航菜单 css 的问题

html - 如何将一个 DIV 重叠到另一个 DIV 上?

html - 我的 <div> 元素内的背景颜色使用 CSS

CSS3 验证器在渐变代码上显示 5 错误