0

这段代码有什么问题？我已经为此工作了几个小时，无法弄清楚为什么 button.png 现在会显示，但链接在“一个”div 的位置。

#one
{
position: fixed;
left:225px;
top:702px;
}

.button
{
display: block;
width: 40px;
height: 40px;
background: url('images/button.png') bottom;
text-indent: -99999px;
}

.button:hover
{
background-position: 0 0;
background-color: transparent; 
border-style: none;
}

_

<body>
    <div id="map">
        <img src="images/map.png"/>
    </div>

    <div id="one">
        <a class="button" href="images/one.jpg"/>
            <img src="images/button.png"/>
        </a> 
    </div>

</body>
4

1 回答 1

0

您的标题与您的问题并没有太大关系..所以我将尝试回答这个问题。

图像未显示，因为默认情况下img是内联元素并且您已设置text-indent为-99999px.

您可以删除它text-indent或将displayof设置img为block：

.button img { display: block; }
于 2013-04-17T18:31:25.997 回答