在asp.net中設置背景圖像（母版頁）

我是新來的asp.net。而我在設置背景圖片時遇到了麻煩。以下是主頁面源代碼：在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; 
}

我也試過這個網址（ '圖像/ background.jpeg'）等，但仍然失敗。

來源

2012-12-02 jomsk1e

您的樣式表位於目錄結構中？ – IrishChieftain

它位於style文件夾中。但正如'tjcertified'建議，我試圖把我的style.css放在我的背景圖片（圖片文件夾）的同一個文件夾中，但仍然失敗。 :( – jomsk1e

這個前綴源很大程度上取決於你的css文件的位置。如果它位於「圖片」文件夾所在的相同文件夾中，則這看起來是正確的。但是，如果你的css文件位於不同的目錄中（比如/ css），那麼你的css文件中的鏈接將不起作用。相反，要麼改變CSS鏈接指向一個完整的鏈接：

background-image: url('http://mysite.com/images/background.jpg)

我不確定'〜'鏈接是否可以在樣式表中工作。由於你的CSS是在腳本文件夾，你應該能夠做到這一點：

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

來源

2012-12-02 05:07:57 tjcertified

我已經解決了我的問題，謝謝你的傑出答案，剩下45秒將你的答案標記爲最佳答案，再次感謝:) – jomsk1e

對不起，編輯應該使這個更清楚，我沒有仔細看看你的母版頁，如果css按照原樣運行，把它留在'腳本'文件夾中，然後使用第二個鏈接，一切都會好的。 – tjcertified

爲了良好的期望+1。 – Adil

-1

是越來越因爲搞不清，你src，它發現它在current_folder+src，但你的圖像文件夾在根文件夾，對於達到root_folder+src你有~/

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

來源

2012-12-02 05:05:42

感謝您的信息，但它仍然失敗，即使我做到了這一點。:( – jomsk1e

這爲我工作：

background-image: url(<%=ResolveClientUrl("~/images/background.jpg")%>);

來源

2015-01-23 15:02:53

-1

添加母版頁，然後鏈接CSS腳本並粘貼CSS的鏈接使用拖放方法

來源

2017-05-16 08:34:41

在asp.net中設置背景圖像（母版頁）

回答

相關問題