网络套件。将鼠标悬停在图像“alt”上不起作用答案

【问题标题】：WebKit. Hover on image 'alt' not working网络套件。将鼠标悬停在图像“alt”上不起作用
【发布时间】：2013-12-11 17:43:42
【问题描述】：

我有非常简单的 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 浏览器上非常失败。悬停状态不会触发或触发，然后永远保持在该状态。

我只有一个问题.. 是这样吗？ o_O 我哪里错了，或者它只是一个 WebKit 错误？

如果有人告诉我如何解决这个问题，那就太好了。但主要是我想了解这里发生了什么。

UPD：

此示例正在运行http://jsbin.com/UMIrAJI/5/edit，但唯一的区别是悬停时更改了“背景”颜色。一旦我们删除“背景” - 悬停停止工作。哈哈。

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

UPD2：

我找到了另一种解决方法。如果我们添加border: 0px solid white;（但仅在悬停时）示例也将开始工作http://jsbin.com/UMIrAJI/6/edit。所以这是关于重新粉刷的事情。

UPD3： 这对我来说似乎是一个错误，所以我报告了它。我会等待开发者的一些 cmets。

【问题讨论】：

我认为适用于 Chrome IE9 和 FF jsbin.com/UMIrAJI/5
@Danko WOW.. 现在删除“背景”，告诉我你看到了什么，请告诉我
哦，我不知道为什么它只适用于 bg 让我搜索一下
@Danko BTW，我找到了另一种解决方法。如果我们添加 border: 0px solid white; （但仅在悬停时）示例也将开始工作 jsbin.com/UMIrAJI/6/edit 。所以这是关于重新粉刷的事情。
鉴于上面的 cmets，这听起来确实像是一个浏览器错误。值得报告。

【解决方案1】：

对于不支持图像的浏览器和辅助工具，使用 title 属性代替应该描述图像内容的 alt

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

【讨论】：