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

时间:2015-05-08 06:45:25

标签: html google-chrome tags

我在图片周围有一个标题标签,只能在悬停时显示。它适用于IE,但在chrome中,标题标签文本实际上显示在图像上以及悬停时。

以下是该部分的html片段

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

图像在表格中,但我不确定这是否会影响到这一点。我确实有一张正在发生的事情的图片,但没有足够的声誉在我的问题中明显发布。

有没有人有任何想法?

谢谢!

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

我也发现了这一点,在缺少title属性的img标签上添加了src属性,取而代之的是通过{{1} }导致图片在Chrome上显示为损坏(但在IE上有效)。

我的解决方案:将其包装在应用标题的跨度中

background-image