代码之家 › 专栏 › 技术社区 › Diodeus - James MacFarlane

用背景图像标记链接的正确方法是什么?

html

Diodeus - James MacFarlane · 技术社区 · 14 年前

<h2><a class='menuItem1'></a></h2>

.menuItem1 {
    display:block;
    width:100px;
    height:25px;
    background-image:url(../Images.menuitem1.png);
}

我应该用吗 title="..." 以及在 alt="..." A 标签?我使用Lynx浏览器的测试似乎只在文本中显示标签 A

3 回复 | 直到 14 年前

Brian Campbell Dennis Williamson 14 年前

alt 只存在于 <img> 标签。如果你的图片实际上是网页中有意义的一部分,而不仅仅是风格上的,那么你可以使用一个实际的图片 <img> 中高音 属性。

<a> 标记,并使用CSS隐藏它。自 display: none 也会对屏幕阅读器隐藏它,您需要使用类似 text-indent:-9999px;

Venemo 14 年前

alt 属性不存在于 a 标签。因此,您应该使用 title img 标记并设置 中高音 属性。

Catfish 14 年前

试试这个:

<h2><a class='menuItem1'>Text to be only seen by screen readers</a></h2>

.menuItem1 {
  text-indent:-9999px;
}

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前