我正在制作一个用户界面,我希望每条线在滚动时都以颜色效果响应,以给定的颜色为该特定线的整个背景着色。此外,每一行都应该包含几个小符号(按钮),这些小符号(按钮)也应该响应用户的点击和翻转。
我知道使用锚标记执行此操作的唯一方法,但是一旦我使用了它,我就无法在其中嵌套另一个锚。有没有办法产生“嵌套按钮”或解决方法(最好不包括 javascript)来实现我的目标?
马拉比约
您的 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>
如果没有脚本,您无法使其在较旧的 IE 浏览器中工作。:(
我最终做了 Dmitri Farkov 在他的评论中提出的建议:通过脚本添加悬停行为。不过,我曾经使用过一个有趣的替代方法:whatever:hover。
也许它会更适合你。