我遇到個很詭異的問題,其實在半個月前就找到問題所在了,但是由於交由TS組去處理,所以,一直也沒有記下來,今天做下記錄吧.
我們先來寫個html頁面,來方便測試:
Html程式碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link id="MainCss" type="text/css" rel="stylesheet" href=" http://www.cnblogs.com/Skins/UandMe/style.css " />
<link type="text/css" rel="stylesheet" href=" http://www.mio-tour.com.tw/style/style.css " />
</head>
<body>
aaaaaaaaa為了方便大家的測試
<a href="#">ccccccccccccc</a>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link id="MainCss" type="text/css" rel="stylesheet" href =" http://www.cnblogs.com/Skins/UandMe/style.css " />
<link type="text/css" rel="stylesheet" href=" http://www.mio-tour.com.tw/style/style.css " />
</head>
<body>
aaaaaaaaa為了方便大家的測試
<a href="#">ccccccccccccc</a>
</body>
</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又是比較嚴格執行的,所以,則無法執行了.