Question

使用下面的样式（css文件链接到Default.aspx，然后将其插入其母版页），我想控制颜色，重复和图像。前两个工作正常，但图像不显示。

body{
  background-color: #000000;
  background-image: url('images/bg_01.jpg');
  background-repeat: no-repeat;
}

当我向母版页上的body标签显式添加一个样式时，它可以正常工作，但男孩肯定看起来很难看。为什么会这样？我怎么能杀了它？

<body style="background-image: url('images/bg_01.jpg');">
  ...
</body>

Answer 1

在CSS文件中使用background-image: url()时，请确保CSS中的图像路径相对于CSS文件的路径，而不是相对于CSS的页面正在使用。

例如，如果您的CSS文件位于/styles/mystyle.css且您的图片位于/images/image.jpg，那么您的网址应为...

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