.aspx頁面上的背景圖像

我有一個類型爲.bmp的圖像，我希望將它用作aspx頁面上的背景圖像。.aspx頁面上的背景圖像

下面是我在.css文件代碼：

/* Background home image 
-----------------------------------------------------------*/ 

.page 
{ 
    width: 90%; 
    margin-left: auto; 
    margin-right: auto; 
} 

#HomePage 
{ 
    background-image: url('C:\Users\MyName\Documents\Visual Studio 2010\Projects\IP_Project2\IP_Project2\images\WeMeet - Landing Page.bmp'); 
}

////////////////////////////// /////////////////////////////////////////////////

的.aspx代碼

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site1.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 

    <h2></h2> 
    <div id="HomePage"> 
    <p>Hello</p> 
    </div> 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server"> 

</asp:Content>

被在網頁上不顯示圖像...可能是什麼問題？

來源

2011-04-24 tech_learner

您的圖像路徑應該是相對於您網站的根目錄，而不是物理文件系統路徑。它只知道你的網站根目錄。

如果你的圖片是在一個從您的網站根目錄（它看起來你有）向下一級的圖像文件夾中存儲過你會：

background-image: url('/images/WeMeet - Landing Page.bmp');

這將啓動在的根現場，尋找一個文件夾，名爲圖像，然後一個名爲image.bmp文件

編輯：

我已經驗證了您的設置對我的本地框。我創建了一個類似設計的WebApplication項目。

C：\用戶[我] \文檔\ Visual Studio 2010的\項目\ WebApplication1 \ WebApplication1 \

創建一個bmp的間隙和CSS文件中的所有refereced爲：

body 
{ 
    background-image: url('/images/Image With Spaced Name.bmp'); 
    font-size: .80em; 
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
    margin: 0px; 
    padding: 0px; 
    color: #696969; 
}

而且這按預期發揮作用。

Results

你能否背景圖像切換至身體類，以驗證它不是一個引用問題你#HomePage ID？

來源

2011-04-24 03:16:19 Khepri

我試過這個和../images/WeMeet - 着陸Page.bmp以及...兩個都沒有工作......另外我目前正在使用Visual Studio 2010，所以它不能是任何IIS相關的問題以及 – 2011-04-24 03:19:20

雖然.bmp被各大瀏覽器.png，.gif支持，並.jpg具有跨瀏覽器最高支持和一般都比較友好的網站

Image Format Support - wikipedia.org

我建議將文件保存爲.png或.jpg並嘗試用類似的東西：

background-image: url('/images/WeMeet - Landing Page.png')

這是一個基本的例子：http://jsfiddle.net/pxfunc/UkCKX/1/

在心裏也保持到圖像中的相對路徑是基於你的CSS文件

所以如果CSS是在根文件夾，像這樣

圖片（文件夾）
Default.aspx的
Styles.css中

然後從c路徑SS將images/[filename]

，或者如果CSS是嵌套的文件夾中，像這樣

圖像（文件夾）
樣式（文件夾）
- Styles.css中
默認.aspx

那麼從CSS的路徑將是../images/[filename]

來源

2011-04-24 03:43:38 MikeM

嗨...感謝您的幫助...但沒有解決方案爲我工作......不知何故它不鏈接任何從我的CSS文件... :(我試過在我的站點母版頁中實現使用帶有body標籤的CSS屬性，它現在可以工作... – 2011-04-24 05:22:10

.aspx頁面上的背景圖像

回答

相關問題