html && css - 图片高亮

【问题标题】：html && css - images highlightinghtml && css - 图片高亮
【发布时间】：2009-09-22 03:22:04
【问题描述】：

我的图库中有图片。当鼠标悬停时，我想突出显示它们（例如，白光）。我可以为所有浏览器使用 javascript/css/html 吗？

【问题讨论】：

【解决方案1】：

并非所有浏览器都支持图像标签上的“悬停”伪类（您的替代方案是使用 Javascript），但如果图像被包裹在锚点（A 标签）中，您可以在 CSS 中执行类似的操作：

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

第一个 CSS 规则设置边框的大小和类型，第二个更改悬停时的颜色。

【讨论】：

【解决方案2】：

有很多 jquery 解决方案可以做到这一点。 Here is one.

【讨论】：

【解决方案3】：

【讨论】：