度假項目告一段落了,但在項目中遇到的問題卻不少,這里挑幾個重要的bug或者說失誤,來進行說明。
先來看一下有哪幾個bug或者失誤要分享一下。
a標簽不加href屬性a標簽:hover狀態不觸發buga標簽可點區域不可點擊bug
a標簽不加href屬性個人覺得都不能稱之為bug,但還是拿出來說道說道,因為確實有人這么干,查找問題的時候也花費了點時間。請看demo1

圖一

圖二
Firefox7、chrome14、safari5、opera10.6、ie8、ie9顯示效果如圖1,但在鼠標形狀上,opera為正常狀態(箭頭),另外五個為選文字狀態(I形狀)。ie6/7里面卻根本不鳥你,除了title顯示出來后,沒有其它任何變化,如圖2。
也許有人會說,這么明顯的錯誤,一看就看出來了,但是如果我在a:hover{cursor:pointer}一下(也許你沒有這么做過),除了ie6/7,其它的都跟正常的鏈接一下,只有ie6/7,鼠標放上去仍然不可用。demo1-1
解決辦法:給a添加href=”"
a標簽:hover狀態不觸發bug這個bug對我來說,也是第一次遇到,這是在做一個點評相關的模塊時遇到的。這個bug只會出現在ie6中(如果你不考慮ie6,請跳過這個bug)。請看demo2

圖三

圖四
在標準瀏覽器中,鼠標放到星級上面時,里面的文字會出現(如圖3),但是ie6不會產生任何變化(如圖4),后來經過同事的指點,加上查找文章,得出一個小結論,當a與a:hover樣式不發生變化的時候,ie6會認為沒有觸發:hover(在demo2中,鼠標放上去后,沒有任何的變化),因此也就不能實現demo2中要實現的效果。

圖5

解決辦法:給a:hover添加border:0,在視覺上沒有發生任何變化,但是ie6中,當鼠標放上去后,觸發了:hover。里面的span也顯示出來了demo2-2(如圖5),但新的問題產生了,原來寫在span里面的背景沒有因為鼠標的離開而隱藏起來(如圖6),剛開始以為跟a一樣,要有樣式的變化,但試了幾個屬性后,我放棄了,直接把背景寫在了a:hover span里面,問題解決(demo2-3)。
新聞熱點
疑難解答