javascript - html && css - 图像突出显示

Question

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

Answer 1

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

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

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