html替代文本,摆脱对悬停的HTML替代文本

我试图创建一个图像的页面，我已经通过添加标题，只有当每个图像都悬停时出现的花色。但是现在我遇到了重复字幕的问题，因为看起来白色字幕框在图片悬停时我的鼠标也出现在任何地方。我认为有人说这是替代文字或其他东西，但我不确定。无论如何，我想删除它，所以我没有干扰我的其他更好的悬停标题。我无法附上图片，但希望您了解我的问题。摆脱对悬停的HTML替代文本

我使用的代码如下：

a.hovertext {

position: relative;

width: 320px;

text-decoration: none !important;

text-align: center;

}

a.hovertext:after {

content: attr(title);

position: absolute;

left: 0;

bottom: 0;

padding: 0em 0px;

width: 320px;

background: rgba(0,0,0,0.8);

text-decoration: none !important;

color: #fff;

opacity: 0;

-webkit-transition: 0.5s;

-moz-transition: 0.5s;

-o-transition: 0.5s;

-ms-transition: 0.5s;

}

a.hovertext:hover:after, a.hovertext:focus:after {

opacity: 1.0;

}

我怎样才能摆脱白框标题，因为这是特别烦的时候我有较长的字幕。

2014-06-16

TLC

+3

它不是图像的“alt”，它是链接的“title” - 当默认浏览器的行为是在设置了“title”属性的元素上时，将其内容显示为小工具提示。使用另一个属性f.e.像'data-title'这样的HTML5自定义数据属性。 –