2014-03-12 38 views
0

這是我在Visual Studio中正在嘗試:如何設置CSS的背景圖像與CSS?

<div id="cont" style=" background-image:url(C:\Users\Administrator\Documents\Visual Studio 2010\WebSites\WebSite5\Tulips.jpg); width:300px; height: 300px"> 

但股利不顯示任何圖像。我也嘗試將網址設置爲「Tulips.jpg」。代碼有什麼問題?

+1

確保您的路徑與css文件相關。 –

+0

您的網頁位於哪裏?如果它在根目錄下,則應該將圖像設置爲'Tulips.jpg',否則您需要定義路徑。 – timgavin

+0

另外,你是否試圖在VS或瀏覽器中查看?如果您在服務器環境中查看圖像,則該圖像的路徑在瀏覽器中不起作用。 – timgavin

回答

-1

的HTML

<div class="your-css-class-name"> 
    blah blah blah 
</div> 

的CSS

.your-css-class-name{ 
    background:url('path/to/background_image.jpg'); 
} 
+0

哈哈,投票結果如何? – user1974297

0

,如果你試圖把一個有鏈接到網上的圖片,它工作正常。因此我認爲可以安全地假設您的網站無法訪問您計算機上圖片的位置。 或者授予文件夾對IUSR(iis默認用戶)的讀取訪問權限,或者將圖片放入項目文件夾並使用相對路徑。將圖片從資源窗口拖到html文件中,Visual Studio將爲您生成相對路徑。