2012-10-14 32 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/

相关问题