css-實現鼠標移至圖片上顯示黑色半透明遮罩層,且不至於遮住圖片上的超連接的方法

做爲一個剛接觸html和css的小白,總會遇到一些細節問題,在這裏寫下一個我遇到的小問題的解決方法,方便從此加深理解,更高效地學習。 通常狀況下,讓一個圖片有超連接,能夠用a標籤把 img包住,可是要作hover鼠標通過顯示黑色半透明遮罩層若是用定位的話,定位的半透明遮罩層就會把圖片遮住,以致於鼠標通過沒有小手指,也點不到連接,因此這裏給出一個思路,可讓a連接和圖片同爲子元素,而後display:
相關文章
相關標籤/搜索