IE下當a標籤使用position:absolute絕對定位時沒有點擊區域的bug

當a標籤使用了絕對定位之後發現,在ie瀏覽器中a標籤無法點擊,但是鼠標懸浮提示還是會顯示的。
測試過程中給a標籤加上文字和邊框則在ie中可點擊區域則成爲了文字和邊框,空白部分還是不能點擊,只有邊框沒有文字的情況下邊框可點中間的空白區域還是不能點擊。

原因:

在ie瀏覽器中當給a絕對定位之後,這時a標籤是不支持加了inline-block或者block的寬度和高度屬性,它此時的可點擊區域如果有邊框則爲邊框,有內容則爲內容,兩者都沒有的話則沒有可點區域!


給a標籤加上一個空的背景 

background:url(about:blank) ;    此處之所以...是因爲這個bug只有在ie中才會有!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章