时间戳

首页 > 解决方案 > CSS 悬停：如何处理多个图像以实现“悬停在除 CSS 以外的所有内容上”的技巧？

image - CSS 悬停：如何处理多个图像以实现“悬停在除 CSS 以外的所有内容上”的技巧？

问题描述

这是使用独特 CSS 技巧的示例代码：http: //dabblet.com/gist/39d1dec4f1be8c01bb25010dda986922

我唯一要更改
的：将三个“A”图像按钮更改为图像按钮“A”、图像按钮“B”和图像按钮“C”。

如何使用 CSS 完成此操作而不内联链接图像？

标签： imagebuttoncss-selectorshoverpseudo-class

解决方案

<li>答案很简单，在 CSS中单独链接每个图像：A、B、C 。然后使用包围整个<ul>HTML 的 div 替换“将鼠标悬停在所有内容上”按钮中的图像。

您可以在此处查看解决方案：http: //dabblet.com/gist/08d37a65488d85c290887be76a33a2ad

推荐阅读