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

Question

我正在制作一个用户界面，我希望每条线在滚动时都以颜色效果响应，以给定的颜色为该特定线的整个背景着色。此外，每一行都应该包含几个小符号（按钮），这些小符号（按钮）也应该响应用户的点击和翻转。

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

马拉比约

score 1 · Accepted Answer

您的 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>

score 0 · Accepted Answer

如果没有脚本，您无法使其在较旧的 IE 浏览器中工作。:(

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

也许它会更适合你。

2 回答 2