Question

我想要整个div可点击，但它不会显示。我想在徘徊时改变它。我相信我之前使用过相同的编码并且它有效，不知道为什么我会遇到问题。

<div class="clickable_one">
    <a href="#"> </a>
</div>

div.clickable_one {
float:right;
}

div.clickable_one a {
    position:absolute;
    width:120px;
    height:30px;
    text-decoration:none; 
    background-image:url("images/forums_link copy.png"); 
}

div.clickable_one a:hover {
    position:absolute;
    width:120px;
    height:30px;
    text-decoration:none; 
    background-image:url("images/forums_link_2 copy.png"); 
}

Answer 1

问题是您在float:right和div position:absolute上使用了<a>，迫使所有内容移动到屏幕的右上角。如果您使用 InspectElement ，您将拥有清晰的视图。我在div周围放置了一个边框，以检查div

的位置

我已经更新了您的 CSS ，内容正在显示。

div.clickable_one 
{
border: 2px solid blue;
}

div.clickable_one a {
    width:120px;
    height:30px;
    text-decoration:none; 
    background-image:url("images/forums_link copy.png"); 
}

div.clickable_one a:hover 
{
    width:120px;
    height:30px;
    text-decoration:underline; 
    background-image:url("images/forums_link copy.png"); 
}

<强> DEMO

可点击的div不会显示

1 个答案: