html && css - 圖像突出顯示

Question

我的畫廊里有圖像。 當鼠標結束時，我想突出顯示它們（例如，白色發光）。 我可以使用javascript / css / html為所有瀏覽器嗎？

Answer 1

圖像標記上的所有瀏覽器都不支持“懸停”偽類（您的替代方法是使用Javascript），但如果圖像包含在錨點（A標記）中，您可以在CSS中執行以下操作：

a img.photo { border-color: transparent; border-width: 3px; border-style: solid; }
a:hover img.photo { border-color: #FFFFFF; }

第一個CSS規則設置邊框的大小和類型，第二個CSS規則更改懸停時的顏色。

Answer 2

有很多jquery解決方案可以做到這一點。 這是一個 。

Answer 3

這對你有用嗎： http ： //www.domedia.org/oveklykken/css-rollover-image.php