1. 程式人生 > >a標簽失效的處理

a標簽失效的處理

效果 處理 ati 有效 置頂 解決 position 鼠標 發現

a標簽包裹img後發現鏈接失效,怎麽點都沒有反應,後面又加了鼠標樣式,鼠標指上去時樣式也沒有發生變,由此推斷鼠標並未觸碰到img元素故此無法觸發鏈接和樣式

經過一番審查代碼,發現是z-index設置了負數,導致鼠標無法觸碰到img元素,將z-index值設置為正數就解決了這個問題

但是此時發現img會覆蓋最頂部區域,設置頂部的z-index後也沒有效果,不過給頂部區域設置position:relative後,這個問題也解決了(原因不明)。

a標簽失效的處理