FF下神祕的不起作用的CSS

我遇到個很詭異的問題,其實在半個月前就找到問題所在了,但是由於交由TS組去處理,所以,一直也沒有記下來,今天做下記錄吧.
我們先來寫個html頁面,來方便測試:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <link id="MainCss" type="text/css" rel="stylesheet" href="http://www.cnblogs.com/Skins/UandMe/style.css" />
  6.     <link type="text/css" rel="stylesheet" href="http://www.mio-tour.com.tw/style/style.css" />
  7. </head>
  8. <body>
  9.     aaaaaaaaa爲了方便大家的測試
  10. <a href="#">ccccccccccccc</a>
  11. </body>
  12. </html>
寫好後保存成UTF-8編碼的.然後用Firefox打開.如果正常的話,鼠標懸停在cccccc上的時候應該是桔黃色.但是實際上是咖啡色.如果你用IE打開此頁面,則顯示的是桔黃色.
然後你可以將下面的那個css文件下載下來,保存在本地,然後地址指向它,再用Firefox打開...怎麼樣,也是桔黃色了吧.
好我們再玩個詭異的.我們將下面的那個css的地址恢復成我原先的地址.然後將最上面的那行驗證刪除掉,刷新...怎麼樣,還是桔黃色吧.

好了,看過了效果,總結下問題:爲何firefox無法在有驗證XHTML的情況下引用下面的那個CSS,如果說CSS有問題,那爲何將此CSS下載到本 地指向它,卻又可以使用了呢?此詭異的問題是我發佈項目後無意中發現的.所有IE下都沒有問題,FF2.x,FF3.x都試過了,都有問題.用 firebug看後發現CSS其實也已經下載下來,但是就是不起作用.

如何?挺詭異吧.當然,我現在也找到了問題的所在:在網站的代理服務器上.
加了標準驗證的頁面,apatech代理將其判定爲了text/html,而不是text/css.所以,即是下載下來了,也還是不能使用.而FF又是比較嚴格執行的,所以,則無法執行了.
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章