<分区>
标签 css
<分区>
我想知道是否可以使用纯 css 实现图像中的链接悬停样式,或者我们需要使用背景图像、js 或 jquery 等来实现此目的!
任何示例将不胜感激:) 谢谢,
最佳答案
最好的方法(例如,如果您需要支持 Internet Explorer 或想要自定义箭头)是使用 50% 100%
HTML:
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Another link</a></li>
</ul>
CSS:
li { float: left; padding-bottom: 16px; }
li:hover { background: 50% 100% no-repeat url(http://www.staypoland.com/images/arrow-city-up.gif); }
a { float: left; }
a:hover { background: blue; }
关于css - 链接悬停 css 样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12596629/