CSS 悬停：如何为 "hover on everything but" CSS 技巧处理多个图像？
CSS Hover: how to deal with multiple images for the "hover on everything but" CSS trick?
下面是使用独特 CSS 技巧的示例代码：
http://dabblet.com/gist/39d1dec4f1be8c01bb25010dda986922
我唯一想改变的是：
将三个 "A" 图片按钮更改为图片按钮 "A"、图片按钮 "B" 和图片按钮 "C"。
如何使用 CSS 而不链接内联图像来完成此操作？
答案很简单 link 每张图片：A、B、C 在单独的 <li> 中 CSS。然后使用 div 包围 HTML 中的整个 <ul> 来替换 "hover on everything but" 按钮中的图像。
您可以在此处查看解决方案：
http://dabblet.com/gist/08d37a65488d85c290887be76a33a2ad
下面是使用独特 CSS 技巧的示例代码： http://dabblet.com/gist/39d1dec4f1be8c01bb25010dda986922
我唯一想改变的是：
将三个 "A" 图片按钮更改为图片按钮 "A"、图片按钮 "B" 和图片按钮 "C"。
如何使用 CSS 而不链接内联图像来完成此操作？
答案很简单 link 每张图片：A、B、C 在单独的 <li> 中 CSS。然后使用 div 包围 HTML 中的整个 <ul> 来替换 "hover on everything but" 按钮中的图像。
您可以在此处查看解决方案： http://dabblet.com/gist/08d37a65488d85c290887be76a33a2ad