文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML IMG，CSS内容在没有ALT标记的情况下不可见

问HTML IMG，CSS内容在没有ALT标记的情况下不可见
EN

Stack Overflow用户

提问于 2021-04-23 19:31:18

回答 1查看 37关注 0票数 1

在Firefox88中，CSS样式的图像在没有alt标签时是不可见的。是浏览器中的bug，还是不正确的HTML/CSS？

img.wikipedia {
    content:url("https://upload.wikimedia.org/wikipedia/commons/0/0c/Wikipedia%27s_W_%28Linux_Libertine_mucked_with%29.svg");
}

CSS URL with alt, visible in Firefox
<img class="wikipedia" alt="Wikipedia"> 
<br>
CSS URL without alt, invisible in Firefox
<img class="wikipedia">

发布于 2021-04-23 20:08:18

是的，当涉及到img标签时，火狐和chrome的内容行为是不同的。content可以很好地使用伪元素::before和::after，这是它的目标。

需要注意的是，带有div的内容可以正常工作，但对img标记使用src或background。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67229183

复制

相似问题

问HTML IMG，CSS内容在没有ALT标记的情况下不可见EN