Question

我知道之前曾问过这个问题，但建议的解决方案在我的情况下不起作用。我正在使用bootstrap，我正在尝试在链接处于活动状态时更改图像URL。例如：

HTML：

<a id="aClientInfo" href="#" class="list-group-item active text-center">
    <img class="img-responsive imgClientInfo" src="../Images/Reports/Claims-Info-
     Blue-New.png" />
    <br />
    Client Info 
</a>

CSS：

#aClientInfo.active > .imgClientInfo
{
 content:url("../Images/Reports/Claims-Info-Purple-New.png");   
}

此解决方案在Chrome浏览器上运行良好。但无论何时我在IE或FireFox上运行它，图像都不会改变......我试图在之前和之后实现但是它不会在chrome上工作......我真的可以＆＃39;了解之前和之后如何在这里与活跃的班级一起工作...有什么建议吗？我需要一个可以在safari上运行的解决方案，因为它是一个响应式网站。感谢

内容网址不适用于fireFox和IE

0 个答案: