Question

如何设置超链接背景图像范围变化？

如图所示，导航条是用项目列表UL LI结合CSS属性浮动制作的，然后每个项目使用a标签制作的超级链接，默认状态下是绿色框里的状态，鼠标放在导航条项目上，则会出现一个如蓝色框显示的具有一定宽度和高度的背景图像。本人试过了很多种方法，可以通过a:hover属性控制鼠标悬停产生背景图片，但始终无法控制显示的图像的范围，只能看到跟文字等大的背景图像，请各位大神指教，谢谢!





Answer 1

这是因为超链接默认是行内元素，用CSS设置起高度是不起作用的，需要将其强制转换成块级元素，即在超链接的样式里加上display:block;然后就可以设置高度了，不过别忘了还要设置相应的宽度，不然它会占满一行。另外如果你的超链接是水平放置的话，需要加上float属性，加上float属性后，元素直接就转换成块级元素，所以display就可以省去不写了。