今天敲程式碼時,想寫一個切換頭像的功能,問題來了,頭像就是死活不出現吶。突然靈光一現,css和javascript圖片路徑書寫方式不一樣? ? ?
嗯…是這樣的:
<div id="pic"> <p>开心吗</p> </div>
#pic{ background:url(../images/bg1.png); }
總之,
(1)對於js腳本,html是吧腳本載入到頁面中一起解析(就跟你的js腳本直接寫在這個頁面是一樣的)
(2)而對css檔案,則僅僅是提供一個連接,並不會將其加載到html頁面中,如在本例中,html根據連結去css檔案中尋找所需的圖片檔案。
css的圖片檔案路徑是相對於自己的,js的圖片檔案路徑是相對於所在檔案的。