Question

我希望根据屏幕大小向我网站的用户提供不同的图像，但是使用css中的内容网址不能与firefox一起使用，并且需要使用：after css属性（见下文）来提供图像：< / p>

所有浏览者：

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

FIREFOX：

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

这种方法的问题是alt显示在firefox中，必须删除！我想要alt标签，我想将不同的图像提供给不同尺寸的设备，以加快下载速度。

2017年肯定有人有解决方案所以我可以做到两个???请

Answer 1

我最终改变了我的所有内容：url css还包括：之后使用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'); }
    }

因此，alt标签适用于SEO，但在使用Firefox时会被删除。

内容网址不会在firefox浏览器上显示图片，是否需要删除alt标记？

1 个答案: