CSS的问题,很奇怪:background-image样式只能在页面里指定才管用,而从外部引入时却不管用,这是为什么?

时间:2020-12-27 04:56:03
<html>
<head>
<style>
body {
  background-image; url("aa.jpg");
}
</style>
<head>

<body>
</body>
</html>

在页面里嵌入<style></style>时,body的background-image样式能正确运用。可是,当我从外部引入相同定义的样式表时却不管用了:

web.css文件
body {
  background-image; url("aa.jpg");
}


index.htm文件
<html>
<head>
<link rel="stylesheet" href="myweb.css" type="text/css">
</head>

<body>
</body>
</html>

从外部链接某样式表,background-image样式无法发挥作用,网页不显示背景图.

这是为什么啊?

2 个解决方案

#1



myweb.css中引用的图片路径要以myweb.css的目录为参考对象!

如果你把myweb.css放在css目录下, 那么你就要这样引用:

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



注意:background-image后面的是“:”而不是“;”

#2


谢谢!结贴!

#1



myweb.css中引用的图片路径要以myweb.css的目录为参考对象!

如果你把myweb.css放在css目录下, 那么你就要这样引用:

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



注意:background-image后面的是“:”而不是“;”

#2


谢谢!结贴!