如何在单个突出显示的行上实现多个图像按钮

Question

我正在建立一个用户界面，我想让每一行在翻转时以颜色效果进行响应，以给定颜色着色该特定行的整个背景。此外，每行应包含几个小符号（按钮），这些符号也应响应用户点击和翻转。

我知道使用锚标记执行此操作的唯一方法，但是一旦我使用了锚标记，我就无法在其中嵌套另一个锚点。有没有办法生成“嵌套按钮”或解决方法（最好不包括javascript）来实现我的目标？

maralbjo

Answer 1

您的CSS文件可能包含：

li:hover {
   background-color: #3f3; /* whatever color you want */
   list-style: none;
}

您的HTML文件可能只有一个项目列表：

<ul>
 <li><a href="alink.html"><img src="image.png" alt="mybutton"></a></li>
 <li>Line</li>
 <li>Goes</li>
 <li>Here</li>
</ul>

Answer 2

如果没有脚本，您无法在较旧的IE浏览器中使用它。 ：（

我最终做了Dmitri Farkov在评论中提出的建议：通过脚本添加悬停行为。不过我使用了一段有趣的替代方案：whatever:hover。

也许它会更适合你。