使用css設置背景圖像的麻煩

-1

（我正在使用Visual Studio 2013）我想爲我的網頁設置背景。如果我把使用css設置背景圖像的麻煩

CSS

body { 
    background-image: url("Content/Images/back.png"); 
}

我的aspx文件內它會工作，並將爲我所需的背景。然而，當我把CSS文件，它不會工作

這是CSS的外觀

body { 
    background-image: url("Content/Images/back.png"); 
}

我想提一提，我有屬性在ASPX，當我改變背景顏色在CSS中測試它的工作原理。但對於背景它不會工作！

這裏是我的.aspx文件;

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="EmptyWebForm.Default" %> 
<link href="Content/Styles/styles.css" rel="stylesheet" type="text/css" /> 
<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <div> 

      <style type="text/css"> 
       /*body { 
        background-image: url("Content/Images/back.png"); 
       }*/ 
      </style> 

     </div> 
    </form> 
</body> 
</html>

來源

2014-05-08 Usties

在哪裏'。 css'文件在你的項目中？並且'Content'與文件在同一個目錄中？ 'url（）'路徑相對於樣式表的路徑。 –

.css位於Content \ Styles \ styles.css！請注意，當它位於.aspx文件的主體中時，它可以很好地工作，所以我不會遇到這個問題。 – Usties

當它位於頁面的主體中時，路徑是相對於頁面的。既然你把它移到'.css'文件中，你必須相應地調整路徑。試試'url（「../ Images/back.png」）'。 –

很可能您的CSS文件位於不同的目錄中。網址爲圖像相對於css文件，所以你應該把它改爲例如：

body { 
    background-image: url("../Content/Images/back.png"); 
}

您將更多的代碼，以便在這種情況下，答案是：

body { 
    background-image: url("../Images/back.png"); 
}

來源

2014-05-08 22:33:44

是的，最有可能是你的文件路徑。另外，注意'背景'與'背景圖像'等，因爲在某些情況下，你可能會被絆倒，因爲背景呈現圖像和顏色 - – sheriffderek

謝謝，我試過background-image：url（「../內容/圖片/ back.png「）;但它不起作用！請注意，當它位於.aspx文件的主體中時，它可以很好地工作，所以我不會遇到這個問題。 – Usties

我已經更新了答案，因爲您添加了更多代碼 –

使用css設置背景圖像的麻煩

回答

相關問題