microsoft edge css内容不起作用

Question

这个想法是用另一个用css改变图像，我做了这个example

.hoverCB,.hoverCL,.hoverCC,.hoverCD{
    width:150px !important;
    height:150px !important;
    transition:all 500ms fadeIn;
}
.hoverCB:hover{
        content:url(http://lightingstudio.emin.com.co/wp-content/uploads/icon-bombillo-color.svg);
        transition:all 500ms fadeIn;
    }

Answer 1

content属性目前仅对::before和::after个伪元素有效（MDN）。您的代码不适用于任何当前浏览器，而不仅仅是Edge-以及任何做某事的浏览器（显然是Chromium）都有错误。

如果您在background-image上尝试:hover，我建议您使用background-image属性。