CSS/HTML <a>标签最小尺寸和背景图像

Nic*_*dko 2 html css

我有一个链接,将包含1个图像,没有别的.当用户将鼠标悬停在其上时,我还需要此图像以突出显示.我在想:使用<a>标签并在CSS中设置其高度,宽度和背景图像属性.但是,(我觉得它可能会这样做)<a>标记在浏览器中呈现时的大小为0x0.我可以在链接标记之间包含几个字符(图像显示确定),但感觉有点hacky.我也在考虑使用1px透明图像设置的正确尺寸的旧技巧 - 但这似乎也不是正确的做法.我也可以用jQuery做同样的事情(但这似乎试图用大锤杀死一只苍蝇).

是否有另一种纯CSS/HTML方式来实现这一目标?

Ric*_*haw 12

将其设置为display:block;,默认情况下,标签设置为内联显示.然后,您可以设置宽度和高度.

通过更改悬停时的背景位置或更改背景图像,您可以执行翻转.

  • +1为一个好的答案.但是`display:inline-block;`会更好用,因为该元素可以设置大小但保持内联,所以它不会像`display:block;`那样混淆页面布局. (6认同)