2012-10-14 58 views
1

我想設置屬性「跨度」元素時,在「a」元素我想,當過「a」元素的鼠標移動

這裏的鼠標移動是我的代碼來設置屬性爲「跨度」元素:

<body> 
<div id="wrapper"> 
    <div id="leftmenu"> 
     <li><a id="menu1" href="#"><span class="iconic menu11"></span></a></li> 
     <li><a id="menu2" href="#"><span class="iconic menu22"></span></a></li> 
     <li><a id="menu3" href="#"><span class="iconic menu33"></span></a></li> 
     <li><a id="menu4" href="#"><span class="iconic menu44"></span></a></li> 
    </div> 
</div> 
</body> 


#leftmenu li a span{ 
    text-align:center; 
    font-size:45px; 
    line-height:45px; 
    color: transparent; 
    background-color: #CF9D9B; 
    -webkit-background-clip: text; 
    background-clip: text; 
    text-shadow: rgba(255,255,255,0.5) 0 1px 2px; 
} 

這不工作:

#leftmenu li a:hover span { 
    color: transparent; 
    background-color: #0000; 
} 

回答

1

您的懸停背景顏色定義4分0的;將其更改爲3(簡寫)或6(完整的十六進制顏色代碼)。

然後,如果我把一些東西放在一個範圍內看, http://jsfiddle.net/sync/QKn9v/

相關問題