国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

a標簽的bug hover狀態不觸發 可點區域不可點擊

2024-07-11 08:29:20
字體:
來源:轉載
供稿:網友

度假項目告一段落了,但在項目中遇到的問題卻不少,這里挑幾個重要的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)。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 通江县| 七台河市| 会泽县| 鹿邑县| 宜昌市| 巴塘县| 铜梁县| 玉田县| 富锦市| 正阳县| 荥经县| 伊吾县| 辉县市| 五原县| 耿马| 盐城市| 古交市| 德州市| 卫辉市| 九寨沟县| 石棉县| 文安县| 龙门县| 伊宁市| 岳西县| 府谷县| 吕梁市| 宁安市| 融水| 肇州县| 武鸣县| 兴隆县| 梅河口市| 江津市| 宾川县| 分宜县| 东城区| 长乐市| 西林县| 中方县| 昌宁县|