css 用于隐藏.img替换文本的可访问方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 用于隐藏.img替换文本的可访问方法相关的知识,希望对你有一定的参考价值。

/* HIDE but remain accessible for screen readers */

.visuallyhidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
} 

/* DRUPAL 7: add class="element-invisible" */
/* DRUPAL 8: add class="visually-hidden" */


以上是关于css 用于隐藏.img替换文本的可访问方法的主要内容,如果未能解决你的问题,请参考以下文章

CSS 使用CSS剪辑作为隐藏内容的可访问方法

IMG图像标签中可以设置的属性是啥 其定义和用法

图像替换的3种技术

css 这会隐藏发票左上角的文本,并将其替换为全宽打印输出徽标。

img标签内的图片怎么自适应img标签的大小呢?

CSS面试题总结2(转)