如何解决FF下图片链接有下划线的问题?
今天遇到一个问题,页面结构如下:
<ul>
<li><a href="#"><img src="images/f1.gif" />搞飞机</a></li>
<li><a href="#"><img src="images/f2.gif" />搞飞机</a></li>
<li><a href="#"><img src="images/f3.gif" />搞飞机</a></li>
<ul>
大致意思就是用li的方式来展示图片和文字链接的排列,我在css里设置了正常状态下a是没有下划线的,当hover时有下划线,在ie里预览正常,但在ff下,鼠标移上去图片同时也有了下划线···
百度一下,找到解决办法:让图片以块元素显示即可。
这样定义:
li a img{display:block;}