一般運用a標籤包含img去實現點選跳轉的功能，這是前端經常要用到的東西。
今天遇到個神奇的bug：如果在img上再包裹一層div，而且div設定了width和height，則區域點選時，無任何響應。
出現這個bug的條件是：1.a標籤下包含div這樣的塊元素
2.塊元素必須設定width和height屬性值
3.該塊元素下包含img
解決方法:改結構或者讓三個條件的某乙個失效就可以了
2015-05-22 補充
1.就算將a標籤設定為display:block;也同樣失效
2.只要不在img覆蓋的區域，a標籤點選還是有效的
3.之所以這樣用，是想更多地以取巧的方式，利用a標籤的預設功能，實現簡單的跳轉，而不用寫多餘的js**
4.可以利用:hover偽類，進行樣式的切換（這在低版本瀏覽器下，是最高效，直接的方式）
5.在高階瀏覽器，將a標籤display:block;，從意義上來說，不存在太大的問題（當然，裸css還是相當的慘）
IE6,7下的那些坑
lang en charset utf 8 title type text css warp box style head class warp class box div div body html 在ie6 ie7,ie8,chrome,firefox顯示效果 當使box元素為浮動元素時 box...
ie67中li下的間隙問題
一 以下是引發此bug的條件 必要條件 li的子元素設定了浮動 例如 本例中的a設定了左浮動 充要條件 ie6 7 li設定了width height zoom 之一 例如 本文中的li設定了width 僅ie7 li設定了padding top padding bottom margin top ...
解決Button在IE6 7下的自適應寬度問題
很早就遇到過這麼個小問題，但由於其並未影響到實際作用和美觀就沒有正面解決它，現在，我們來試著解決它。寫乙個button，有兩種方式 其一，直接button標籤 其二，input type button 不管哪種方式，button的寬度在ie6 7下總是不能完美，接下來我們演示乙個普通的button，...