链接中的背景问题？

Question

我没有错，但我想把图片作为链接的背景，但是图片放在链接之外？！我在CSS中使用此代码：

a.route-bg {
    background: url(../bilder/bilder_ikoner/route1.png) no-repeat left top;
    display: block;
    height: 45px;
    width: 300px;
}



<div class="box-info">
    <h4>Vilken väg väljer du?</h4>
    <p>
        Ta på dig favoritskorna och kombinera motion med upplevelse och upptäck Köpenhamn till fots utifrån guidens vägförslag.
    </p>
    <a class="route-bg" href="?p=karta&rutt=1">
        <p class="route-links">1. City - Örestad - Sluseholmen - City<br />
           Sträcka ca 00 km<br />
        </p>
    </a>
</div>

Answer 1

尝试缩小height属性并将背景定位在left center中。 这适用于FF 4

另外。您可能需要增加padding-left。

试试this。我使用了谷歌中的图片。

我使用的CSS是：

a.route-bg{
    background: url("http://www.redsack.com/aastat/Image/arrow_rounded.gif") no-repeat scroll left center transparent;
    display: block;
    height: 19px;
    padding-left: 35px;
    width: 300px;
}

希望帮助