度假項目告一段落了，但在項目中遇到的問題卻不少，這里挑幾個重要的bug或者說失誤，來進行說明。

先來看一下有哪幾個bug或者失誤要分享一下。

a標簽不加href屬性a標簽:hover狀態不觸發buga標簽可點區域不可點擊bug

個人覺得都不能稱之為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=”"

這個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)。

雖然問題解決了，但是為什么卻不是非常的了解，也請了解的朋友給我留言。在這里先謝過了。另附一個小demo3

這個可能不能稱之為a的bug，但是還是放在這里來說，反正跟他也有點相關。先看demo4

圖7

在圖7中，左側的攜程旅行網在非ie6/7的瀏覽器中，帶背景的區域都是可以點擊的，但在ie6/7中，只有文字部分可以點擊，空白區域的地方卻不可以點擊。

bug產生原因：在ie6/7中，絕對定位的元素，如果里面的子元素向右浮動，會使定位的這個父元素寬度變成100%，從而覆蓋到a的上面，造成不可點擊（添加個背景顏色，可以更直觀）。

解決辦法：即然寬度發生了變化，那就給定位的元素設置個寬度來解決問題。具體請看demo5。

這個bug實在不好來說明，還是直接看代碼演示吧，有不明白的請留言。

圣誕節馬上就要到了，祝大家圣誕快樂！