为什么背景图像不能在CSS中工作但在html中工作？

Question

所以我的HTML5中有两个部分，我标题为一个部分id =“section_2”。在我的CSS3中，我试图这样做：

#section_2{
   background-image: url(image.jpg);
}

然而，这不起作用。 所以当我进入我的HTML5并放在标签下面时，它就可以了。

这很奇怪，因为当我这样做时，

#aside{
   background-image: url(image.jpg);
}

它有效。

Answer 1

听起来你可能会遇到image.jpg的相对位置问题。从页面调用时，url必须相对于页面。从CSS文件中调用时，它必须是相对于CSS文件的，而不一定是页面。

e.g。

index.html
css/style.css
image.jpg

您可能需要例如：

background-image: url('../image.jpg');

您可能也会遇到重要级别的问题，具体取决于应用了多少背景图像属性，在这种情况下请尝试使用！important。

background-image: url(image.jpg) !important;

确保image.jpg相对于style.css位置。