Question

是否可以组合以下div：after ...

.homepage .tm-toolbar:after {
display: inline-block;
width: 196px;
height: 196px;
margin-top: -107px;
margin-left: 60px;
content: "";
background: url("../../../../../images/logo/logo_big.png"); no-repeat 0 0;
background-size: 100%;    
}

使用悬停选择器以便更改图片？

有没有办法为整个div /图片设置链接？

非常感谢你。

Answer 1

你只需要这个：

.homepage .tm-toolbar:hover:after{
    background: url("../../../../../images/logo/logo_big2.png"); no-repeat 0 0;
    background-size: 100%;    
}

这是一个显示这个工作的小提琴：http://jsfiddle.net/etgm0v8g/

如果它在您的网页上无效，问题可能出在其他地方。你检查了选择器了吗？

或者您的图像路径？（尝试绝对路径）

此外，您无法在伪元素上设置链接。 CSS应仅用于设计，而不是内容。

结合div：after与url link和hover selector

1 个答案: