可点击的div不会显示

-2

我希望整个div可点击，但不会显示。我希望它在盘旋时也能改变。我相信我以前使用过相同的编码，并且它已经工作，不知道为什么我有问题。可点击的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"); 
}

来源

2014-09-03 cleveland440

从你的CSS规则的唯一的事情 “改变” 是'div'中的链接。 – melancia 2014-09-03 19:19:18

也许一个jsfiddle会有所帮助。 – 2014-09-03 19:20:18

另外，正如@MelanciaUK所说，你只针对带有悬停事件的，所以它是悬停时唯一改变的东西。作为一个附注，如果你有一个悬停事件，你不需要重复每一个与事件没有变化的属性。 – 2014-09-03 19:21:37

的问题是你在你的<a>迫使一切都在屏幕上的右上角移到您div和position:absolute使用float:right。如果您使用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

来源

2014-09-03 19:27:19

可点击的div不会显示

回答

相关问题