Javascript 内容url不在firefox浏览器上显示图像，是否有一种解决方法不'；不需要删除alt标记吗？

我想根据屏幕大小向我网站的用户提供不同的图像，但是在css中使用内容url不适用于firefox，并且要求图像还带有：after css属性（见下文）：

所有浏览器：

.AnImage{ 
  content: url("images/Home/2560/SimonAndGeorgia.jpg");
}

火狐：

.AnImage:after { 
  content: url("images/Home/2560/SimonAndGeorgia.jpg");
}

这种方法的问题是alt显示在firefox中，必须删除！ 我想要alt标签，我想把不同的图像服务器到不同大小的设备上，以加快下载速度

---

2017年肯定有人有办法让我两者兼得？？？请

我最终改变了我所有的content:url css，以包括：after，它可以与firefox一起使用

.AnImage, .AnImage:after{ 
  content: url("images/Home/2560/SimonAndGeorgia.jpg");
}

与此javascript代码结合以删除firefox中的alt标记：

 // Firefox 1.0+
    if (typeof InstallTrigger !== 'undefined') {
        //alert("we are using firefox");
        var elements = document.getElementsByTagName('img');
        for (var i = 0, len = elements.length; i < len; i++) { 
     elements[i].removeAttribute('alt'); }
    }

//Firefox 1.0+
如果（InstallTrigger的类型！=“未定义”）{
//警报（“我们正在使用firefox”）；
var elements=document.getElementsByTagName（'img'）；
对于（var i=0，len=elements.length；i

---

因此，alt标签用于搜索引擎优化，但是在使用Firefox时会被删除。

您可以创建一个简单的示例吗？这将给我自己和其他人一些可以合作的东西。谢谢。由于您的“Firefox”解决方案适用于所有浏览器，您不仅可以在firefoxHTML:

CSS:

#mydiv:：after{content:url（'/img/the img.png'）；}

适用于FF、IE（从v8仿真开始）和Google Chrome。哪些浏览器不支持它？实际上正确的选择器是

：：after

内容
CSS属性是为
：：after
和
：：before
伪元素定义的。一些浏览器可能会提供一些扩展的实现。这个解决方案不适用于bootstrap carousel的最终我只是删除了内容：url并添加了使用过的src。有人知道这个问题的解决方案吗？使用display:none不能很好地工作，因为大多数浏览器都会加载图像，因此不会节省带宽/速度