可點擊的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不會顯示

回答

相關問題