我是 asp.net 的新手。我在设置背景图片时遇到问题。这是母版页源代码:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Master.master.cs" Inherits="Master"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="stylesheet" type="text/css" href="scripts/style.css"/>
<title>Tracker</title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="container">
<a href="#"><img src="images/cross-header.gif" alt="Insert Logo Here" width="100%" id="Insert_logo" style="background: #C6D580; display:block;" /></a>
<div class="sidebar1">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#"><span style="font-weight:italic">LINK</span></a></li>
<li><a href="#"><span style="font-weight:italic">LINK</span></a></li>
</ul>
</nav>
<p>SOME LABEL</p>
<p>SOME QUOTE HERE</p>
<p></p>
</div>
</div>
<footer>
<a href="#">LINK HERE</a> | <a href="#">LINK HERE</a> |
<a href="contact.php">CONTACT</a> | <a href="register.php">REGISTER</a> | <a href="login.php">LOGIN</a>
<address>
Copyright 2012 @JRC
</address>
</footer>
</div>
</form>
</body>
</html>
我尝试使用的图像位于文件夹图像中。我不知道怎么了。
这是 style.css 的来源:
body
{
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-image:url('images/background.jpg');
background-repeat:no-repeat;
background-attachment:scroll;
background-position:repeat-x;
}
我也尝试了这个 url('image/background.jpeg') 等，但仍然失败。
最佳答案
这在很大程度上取决于您的 css 文件所在的位置。如果它位于“图像”文件夹所在的同一文件夹中，那么这看起来是正确的。但是，如果您的 css 文件位于不同的目录(比如/css)，那么您的 css 文件中的链接将不起作用。相反，要么将 css 链接更改为指向完整链接:
background-image: url('http://mysite.com/images/background.jpg)
我不确定“~”链接是否适用于样式表。由于您的 css 位于脚本文件夹中，因此您应该能够执行此操作:
background-image: url('../images/background.jpg')
关于asp.net - 在 asp.net 中设置背景图片(母版页)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13666540/