關於外部樣式表中background-image:url()的設置


我遇到了一個問題,就是在外部CSS文件中定義了背景圖,無法在引用它的html文件中顯示。具體來說是這樣的:樣式表文件Style1.css放在~/Style文件夾下,在~/Admin文件夾下有個index.aspx引用了這個外部樣式表,

在Style1.css文件有這樣的定義:

.logo{background-image:url(../pic/logo.jpg);width:900px; height:100px; text-align:center;margin-left:auto;margin-right:auto;},

但是,index.aspx並無法顯示指定的背景圖片,而其它樣式都沒有問題。今天抽時間琢磨了一下,終於弄明白是啥原因啦。

原來,這個錯誤源於我對外部CSS文件的一個誤解。我一直以為,當在html中引用外部樣式表后,那么在樣式表文件中定義的樣式就相當於在html頭文件中定義的樣式了。但事實證明並非如此,它依然存放在定義的文件中被一起下載到客戶端。這一點從background-image的url屬性定義的實踐上也可以清楚地看出,在定義url時,如果是絕對地址當然沒什么問題,如果是相對地址,那么,一定要相對style1.css所在的路徑,而不必考慮即將引用它的html文件的路徑。

最后總結一下:

      在外部樣式表中定義url屬性時,如果采用相對路徑,那么這個路徑一定是以該樣式表文件所在路徑為准的。經驗之談,有失偏頗之處歡迎指正。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM