css - 当鼠标移到 "span"元素上时,我想将属性设置为 "a"元素

标签 css

当鼠标移到“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/

相关文章:

HTML强制div出现在div的底部

javascript - 何时分离文件以节省带宽

html - CSS:在td(表格)中从新行开始所有单词

html - 产品轮播,在手机上显示一个元素

HTML/CSS 不能成为粘性元素?

html - 使用 Outlook 发送的电子邮件中的 ol 和 ul 标 checkout 现问题

css - Firefox 中的固定位置背景图像不适用于转换后的元素。这是一个 FF 错误吗?

css - 链接中的多行应该在悬停时同时起作用,但它们不会

jquery - 如何在设置为 `background` 属性的输入中移动图像?

javascript - Html > 购物车按钮