Question

我有非常简单的HTML代码

<img class='star' src='' alt='&#9733;'/>

风格非常简单

.star {
    position: absolute;
    cursor: pointer;
    font-size: 40px;
    color: black;
}

.star:hover {
    color:red;
}

我的idia是这个。如果服务器上没有图像，我会显示unicode星形符号（或者如果用户将关闭所有图像）。如果是用户

它在FF中完美运行（在FF25上测试）但在WebKit浏览器上真的很难。悬停状态dosn触发或触发，然后永远保持该状态。

我只有一个问题.. WTF是那个？ o_O我错在哪里，或者它只是一个WebKit错误？

如果有人告诉我如何解决这个问题会很好。但大多数情况下我想了解这里发生了什么。

UPD：

此示例正在运作http://jsbin.com/UMIrAJI/5/edit，但唯一的区别是＆＃39;背景＆＃39;悬停时颜色发生了变化。我们一删除背景＆＃39; - 悬停停止工作。大声笑。

所以我的问题仍然有效。这是怎么回事？

UPD2：

我发现了另一种解决方法。如果我们添加border: 0px solid white;（但仅限于悬停），示例也将开始工作http://jsbin.com/UMIrAJI/6/edit。所以它有关于重新绘制的东西。

UPD3： 它看起来像是一个bug，所以我报告了它。我等待开发人员的一些评论。

Answer 1

而不是alt，它应该描述图像的内容，对于没有图像支持的浏览器和可访问性工具，请使用title属性

<img class='star' src='' title='&#9733;'/>