asp.net的母版页在设计界面能显示,但是在网页上不能显示

问题遇到的现象和发生背景

asp.net的母版页在设计界面能显示,但是在网页上不能显示

问题相关代码,请勿粘贴截图

StyleSheet.scss部分代码:

#top{
    position:relative;
    width:1033px;
    height:300px;
    top:0px;
    left:0px;
    margin:0px auto 0px auto;
    border:1px solid #e4efd3;
    background-image:url(images/banner.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}
运行结果及报错内容

母版页样式展示:

img

网页样式展示:

img

我的解答思路和尝试过的方法

已经尝试过修改图片路径,但是并无效果

我想要达到的结果

网页能够正常显示图片

有可能是你的路由没有放开css,js静态文件 导致css文件加载不进来导致的。用查看网页源代码的方式,进入源代码管理,查看你引入的文件是否能够打开。

img

母版样式路径需要用绝对路径,不能用相对路径,要不不同页面的相对路径是不一样的,会导致样式路径错误无法正确加载

href="/xxx/xxx/StyleSheet.css"

类似上面的,要从根目录开始计算,题主改下/xxx/xxx/的路径,如果是放在网站根目录css文件夹下,用/css/StyleSheet.css

你好,
首先我想说明一个问题, 他用的是.scss 文件, 不是.css 文件. 现在.scss 文件已经不能被附加到html页面中了..所以 他这个问题就已经很明显了, 页面并没有引用到这个文件,当然就不会有这个图片显示出来. 建议你最好是使用css 文件. 还有路径,你要看css 文件是否和页面在同一个文件夹下面, 最好加一个双引号. 比较推荐的办法是, 你在写url() 的时候,他其实是有智能功能的,自动会跳出让你选择你的图片的位置的.这永远是对的.
我的例子:

        background-image:url("Img/imag.jpg");