CSS中background:url(圖片) 不能顯示的問題
來源:程序員人生 發布時間:2014-04-07 04:26:20 閱讀次數:2717次
剛剛碰到一個詭異的問題,這樣一段CSS代碼:
background:url(images/bg/bg1.gif) no-repeat;
這段代碼居然不能顯示出背景圖片,倒塌。。。
代碼肯定沒有問題,即便我沒有對背景圖片定位,這里暫不考慮,因為我這里不存在這個問題。。。于是乎,搜索了一下Google,發現有這個問題的人還真不少。。。但是真正指出問題所在的信息并不多。。。
真正的問題在哪?
在url(imagepath)里的這個imagepath,原來它是相對于.css文件這個目錄,而不是調用css文件所在文件的這個目錄,簡單點說,就是假如我有個index.htm,它要調用index.htm所在的一個子目錄style目錄下的style.css文件,背景圖片存放在與style目錄同級的images目錄下,于是乎,這里的CSS應該這樣寫:
background:url(../images/bg/bg1.gif) no-repeat;
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈