背景图像仅出现在起始页中，而不出现在其他页面中

Question

我在visual-studio中创建了一个web应用，并在_Layout.cshtml中添加了：

<style>
body { 
       background-image: url("Content/bground3.jpg");
       background-repeat: repeat;
       background-color: #00ffff; 
}
</style>

由于某种原因，背景图片只出现在起始页而不出现在任何子页面中，而背景颜色却出现在整个页面中。

我还尝试将图像的 url 放在外部站点中，但得到了相同的结果。 有什么想法吗？

Answer 1

我猜你的子页面有其他路径，比如你的起始页。

由于您在样式标签中使用了相对路径，因此目标位置会有所不同。

www.foo.bar/home.html
-> www.foo.bar/Content/bground3.jpg

www.foo.bar/subpath/subpage.html
-> www.foo.bar/subpath/Content/bground3.jpg

请在浏览器的开发工具中检查您的网络协议，看看是否真的可以获取图像源！ 也许将图像源更改为像/Content/bground3.jpg 这样的绝对路径。