Html 当图像不存在时，如何使用CSS隐藏alt文本？

是否可以在所有浏览器中使用CSS隐藏alt文本

我试用了

color:transparent

，它在除IE之外的所有浏览器中都能正常工作

---

可以在IE中使用CSS吗？。提前感谢您的帮助。

不要使用

颜色：透明使用
显示：无

但是你不应该使用这种技巧

正如@Quentin在评论中所说：

如果文本对于人类来说不够好，那么对于搜索引擎来说也不够好

不应隐藏alt文本。谷歌知道这只用于搜索引擎优化的目的，并没有什么重要的，将惩罚这样的行为。你可能会被谷歌搜索引擎列入黑名单

所以，不要仅仅为了搜索引擎优化而使用它们。
你可以使用
文本缩进：-9999px

HTML

<img src="images/test.jpg" alt="alternative">

<h1 class="technique-four">
  <a href="#">
    <img src="images/header-image.jpg" alt="CSS-Tricks" />
  </a>
</h1>

使用
文本缩进：-9999px和
显示：无


HTML

<img src="images/test.jpg" alt="alternative">

<h1 class="technique-four">
  <a href="#">
    <img src="images/header-image.jpg" alt="CSS-Tricks" />
  </a>
</h1>

凯勒姆方法：

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

也没有
-9999px
方法的性能缺陷，即浏览器绘制一个大小为9999px的框

进一步解释：
这起作用了：

img{
color: rgba(0, 0, 0, 0) !important;
}

transparent
对我也不起作用。
您也可以使用
onerror
回调将display属性设置为none：

<img src="images/test.txt" onerror="this.style.display='none';">


使用
字体大小：0如何？它可以在加载图像之前隐藏
alt
文本，或者在图像
src
URL不可用的情况下使用。
如果不能显示图像，使用alt文本有什么意义？可以使用
文本缩进：-9999px@Quentin:需要搜索引擎优化并以另一种方式处理图像故障场景，显示默认图像如果文本对人类来说不够好，那么对搜索引擎来说就不够好。@FrayneKonok:文本缩进在IE9中不起作用，10谢谢@Bhijendra Nepal Color具有透明值请参见规范。显示：没有解决不了我的目的对不起，我是这么想的。@BhojendraNepal:有时发生在所有人身上，包括我，没有问题，谢谢help@BhojendraNepal：再次感谢您在回答中的编辑，我想隐藏浏览器中默认的未设置样式的alt文本，但我没有提到，我对用户隐藏了它，即。，我可以使用伪选择器使用content:attr（alt），我希望最终避免FOUC。是否有任何原因导致此答案不被接受？如果我们添加
行高
，则
文本缩进
将在所有浏览器中都有效…最好使用
行高：1em使用
文本缩进：-9999px
将使浏览器绘制不必要的9999空白。使用