文章/答案/技术大牛

发布

社区首页 >问答首页 >标题标签文本显示在chrome中的图像上

问标题标签文本显示在chrome中的图像上
EN

Stack Overflow用户

提问于 2015-05-08 14:45:25

回答 2查看 2.4K关注 0票数 2

我有一个标题标签周围的图像应该只显示在悬停。它在IE中工作，但在chrome中，标题标签文本实际上显示在图像上以及悬停时。

下面是我在该部分的html片段

<img id="projects" title="Some of My Projects." />

图像在一个表格中，但我不确定这是否会影响到这一点。我确实知道发生了什么，但显然没有足够的声誉在我的问题中发布它。

有谁有什么想法吗？

谢谢!

html

google-chrome

回答 2

Stack Overflow用户

发布于 2016-10-21 04:55:56

我发现，使用CSS设置背景图像而不设置"src“属性显然会使Chrome将图像视为未加载，因此它将在背景图像的顶部显示alt或title文本。在图像上设置src属性而不是在CSS中使用背景图像会使其停止显示文本。

票数 2

Stack Overflow用户

发布于 2020-07-28 21:17:10

我也发现了这一点，在缺少src属性的img标签上添加了title属性，而不是通过background-image使用精灵贴图，这会导致图像在Chrome上显示为损坏(但在IE上有效)。

我的解决方案是:将它包装在一个应用标题的span中：

<span title="Some of My Projects."><img id="projects" /></span>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30117431

复制

相似问题

问标题标签文本显示在chrome中的图像上
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问标题标签文本显示在chrome中的图像上EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问标题标签文本显示在chrome中的图像上
EN