如何解决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;}

Write a comment