css - 无图像更改 - css

标签 css hover

这段代码有什么问题?当我尝试使用 border-style、border-with 时,它起作用了。但它不适用于背景图像。

<!DOCTYPE html>
<head>
    <style type = 'text/css'>
    a.test:hover span{
        background-image: url('bearbeitenx.png');
    }

    //.test { background-image:url('unbenannt.png');}
    }
</style>
</head>
<body>


<a href = 'eerwerqwerwer' class = 'test'><span style = 'background-image: url(bearbeiten1.png); width:40px; height:40px; display: block; background-repeat: no-repeat;' ></span></a>
</body>
</html>

最佳答案

.bearbeiten1-png a:hover匹配悬停的 anchor 元素,该元素是属于 bearbeiten1-png 类成员的元素的后代。

你没有这样的元素。

a.bearbeiten1-png:hover会匹配你的 anchor ,但你可能仍然看不出有什么不同,因为你的 <img>元素可能会掩盖背景图像。

关于css - 无图像更改 - css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29615407/

相关文章:

html - 删除文本框下拉建议

css - 更改除悬停元素之外的所有元素的不透明度

css - 图像鼠标悬停,出现按钮

css - jssor slider 将线留在一边并在不需要时缩放

html - 自适应占位符和 Bootstrap 输入组

Twitter Bootstrap : Dropdown Menus Hover for Desktop, 点击平板电脑/手机?

悬停时CSS导航菜单向右滑动

CSS div 重叠,其下方无法识别鼠标事件

javascript - 根据选择框值限制javascript切换

javascript - 如何使用 Jquery 在 Sap UI5 中为边框着色