如何在本地主機上顯示CSS URL背景圖片？

我剛剛安裝了xampp，並將其中一個活動網站放入其中，以便能夠從本地主機開始工作。如何在本地主機上顯示CSS URL背景圖片？

所以查看我的網站，我瀏覽到localhost/example.com

我注意到一些問題，圖像時對我的html，我有，例如：

<img src="/new_pictures/05.jpg" alt="Central Market"/>

圖片就不會顯示，但後來我刪除了/和這個作品：

<img src="new_pictures/05.jpg" alt="Central Market"/>

我似乎有與CSS背景圖片類似的問題，但我無法得到它的工作，如果我刪除了/那裏，圖像沒有顯示在現場。如何使背景圖像顯示在本地主機上？

範例CSS（工作在現場的網站，但不是localhost）：

.outeremailcontainer { 
height:60px; 
width: 275px; 
background-image:url(/images/feather_email2.jpg); 
text-align:center; 
float:right; 
position:relative; 
z-index:1; 
}

謝謝！

來源

2010-05-17 Joel

嘗試background-image：url（/example.com/images/feather_email2.jpg）; – Robert 2010-05-17 22:24:53

在樣式表的圖像路徑應該是在圖像是相對於樣式表，例如，如果您.css文件是在一個目錄像這樣在您的網站：

/css/styles.css

你的路徑應像這樣的（上一目錄下，然後進入images）

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

來源

2010-05-17 22:21:32

的確如此。謝謝！這對我來說很奇怪，現場的路徑工作正常... – Joel 2010-05-17 22:28:55

@Joel - 我猜你的本地localhost是類似'localhost/mySite /'的東西，而不是'localhost /' ？那會是這個原因:) – 2010-05-17 22:33:40

啊。很酷 - 而且的確你是對的。 :) – Joel 2010-05-17 22:46:32

嘗試使用./代替/，並確保你指定正確的道路。

來源

2010-05-17 22:23:04 Sarfraz

您可以嘗試base標記 - 在大多數常用瀏覽器中支持 - 然後提供相對於base標記的href屬性的路徑。或者確保你提供了相對於CSS樣式表的正確路徑

來源

2010-05-17 22:25:32

如何在本地主機上顯示CSS URL背景圖片？

回答

相關問題