为什么不在我的网站正文中显示背景图片?
Why doesn't show the background image in the body from my website?
我网站的文件夹 Images 包含 HoezenCollageLight.jpg。它运作良好。但现在它不再显示了。我仍然在文件夹 Images 中找到图像。
过去:
... 现在:
有什么问题吗?
Site.Master中的一些代码:
<body>
<div class="page">
<div id="header">
<div id="menucontainer">
<ul id="menu">
<li><%: Html.ActionLink("Home", "Home", ...
Site.css中的一些代码:
body
{
background: #cccccc url('../../Images/HoezenCollageLight.jpg') repeat 100% 100%;
font-size: .75em;
font-family: Calibri, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
color: #696969;
}
.page
{
width: 90%;
margin-left: auto;
margin-right: auto;
}
将下面的代码替换为正文:
background: url('../../Images/HoezenCollageLight.jpg') repeat 100% 100% #cccccc ;
而不是
background: #cccccc url('../../Images/HoezenCollageLight.jpg') repeat 100% 100%;
这在某些时候有效。
正如乔纳森所说,检查
的位置
- 你的Site.css
- 您的实际背景图片
关于内容文件。
从 url()
路径中删除 ../
之一应该可以找到图像。
url('../Images/HoezenCollageLight.jpg')
使用 ../
从包含样式表 (/Content/
) 的目录导航到其父目录 (/
),将您带到 Images
目录所在。
第二次 ../
尝试从没有父目录的根目录向上导航(或者导航到虚拟目录之外,如果您使用的是虚拟目录)。
我网站的文件夹 Images 包含 HoezenCollageLight.jpg。它运作良好。但现在它不再显示了。我仍然在文件夹 Images 中找到图像。
过去:
... 现在:
有什么问题吗?
Site.Master中的一些代码:
<body>
<div class="page">
<div id="header">
<div id="menucontainer">
<ul id="menu">
<li><%: Html.ActionLink("Home", "Home", ...
Site.css中的一些代码:
body
{
background: #cccccc url('../../Images/HoezenCollageLight.jpg') repeat 100% 100%;
font-size: .75em;
font-family: Calibri, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
color: #696969;
}
.page
{
width: 90%;
margin-left: auto;
margin-right: auto;
}
将下面的代码替换为正文:
background: url('../../Images/HoezenCollageLight.jpg') repeat 100% 100% #cccccc ;
而不是
background: #cccccc url('../../Images/HoezenCollageLight.jpg') repeat 100% 100%;
这在某些时候有效。
正如乔纳森所说,检查
的位置- 你的Site.css
- 您的实际背景图片
关于内容文件。
从 url()
路径中删除 ../
之一应该可以找到图像。
url('../Images/HoezenCollageLight.jpg')
使用 ../
从包含样式表 (/Content/
) 的目录导航到其父目录 (/
),将您带到 Images
目录所在。
第二次 ../
尝试从没有父目录的根目录向上导航(或者导航到虚拟目录之外,如果您使用的是虚拟目录)。