如何避免Chrome中的替代文字显示不正确?

时间:2016-08-26 17:16:37

标签: html css google-chrome

所以这个问题很难解释......在我正在研究的AngularJS模板中,两个图像的加载非常接近。每张图片代表运动队的标志。每个徽标的替代文字都是"短名称" (例如,"新英格兰"新英格兰爱国者队)。尝试阅读一个徽标的替代文字时,它将显示没有问题。但是,在完成此操作后尝试阅读其他徽标的替代文字时,之前徽标的替代文字将在被当前徽标替换之前一秒钟显示。即使鼠标悬停在徽标之间的其他位置,也会出现此问题。

我完全不知道为什么会发生这种情况,因为图像不会重叠。此外,这个问题似乎只发生在Chrome中。

关于可能是什么原因/解决方案的任何想法?

~~~编辑~~~

需要注意的一点是,在虚拟机上工作时似乎更加明确了这个问题。当试图在本地机器上复制它时,故障几乎不可察觉。

此外,HTML代码(有点)看起来像这样:

<!-- code -->
<th scope="col" class="some-wrapper-class"><img class="small-logo" data-ng-src="{{refToTeam1ImgURL}}" alt="{{refToTeam1Name}}" title="{{refToTeam1Name}}"><span class="team-name">{{refToTeam1Name}}</span></th>
<!-- Another similar line of code for team 2 -->

0 个答案:

没有答案