使用li的背景图象 [英] using background image for li

问题描述

我使用的背景图片为< li> ，将用作按钮，但未完​​全显示;然而，当写文本时，它显示。
我不想写文本，它已经打印在背景图像上。我无法设置宽度 - 如何解决此问题？

I'm using a background image for a <li> that will be used as a button, but it's not fully shown; however, when write text then it shows. I don't want text to be written it's already printed on background image. I am unable to set a width - how can I fix this?

#footernav li#footerlocation
{
    display: inline;
    padding-right: 20px;
    background-image: url(../images/ourlocation.jpg);
    background-repeat: no-repeat;
    background-position: 0 -.2em;
}

推荐答案

到内联。如果你想要背景和宽度，但你还需要一个内联类型列表，请设置float：left。

Your problem is in setting display to inline. If you want background and width, but you also need an inline-type list, set float: left.

这篇关于使用li的背景图象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！