当鼠标移到“a”元素上时,我想将属性设置为“span”元素
这是我的代码:
<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;
}
最佳答案
您的悬停背景颜色定义中有四个 0;将其更改为 3(速记)或 6(完整的十六进制颜色代码)。
如果我把一些东西放在一个范围内看,那对我有用——例如http://jsfiddle.net/sync/QKn9v/
关于css - 当鼠标移到 "span"元素上时,我想将属性设置为 "a"元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12878532/