为什么图像中的标题属性不显示为工具提示

Question

我在将图片属性设置为在图片标记中弹出时遇到问题。有问题的页面位于http://design.wildsandwebdesign.co.uk/technical/using-delphi-with-mysql-1.php。标题和alt属性中有4个图像都带有文本。在Firefox 19.0.2或Chrome或Opera中运行的所有标题都没有在WinXP中运行，但它们在IE8中运行（oops！）。 W3C验证器说页面很干净。

我的网站有许多其他页面，其中图像中的title属性确实有效，而且只有一对具有相同的问题。我尝试为图像启动z-index，但没有运气。当页面上有3个图像时，似乎会发生这种情况，但是还有其他页面有3或4个图像可供使用。我根本想不出来。

Answer 1

因为您的图片与p元素重叠

从width代码中移除position和p属性，然后使用margin和padding代替。

Answer 2

这是因为看不到图像悬停，因为p元素覆盖了它们。

如果将鼠标悬停在第一张图片的最左边几个像素上，则可以显示工具提示。

Answer 3

是的我知道你不回答你自己的问题，但最后我自己找到了答案，我有点失望，有些答案错过了这一点。是的，很清楚文字在图像前面＃34;坦率地说，我认为这是显而易见的，并将其用于给定的。我的错。但是，这就是问题所在。浏览器知道它何时看到这个构造，它必须将以下文本放在图像的侧面，右侧或左侧，并且它会这样做。但它忽略了这样一个事实，即它与图像并排，并阻止工具提示显示。浏览器也知道光标在哪里，或者它首先无法做到这一点。

也许这源于W3C已经定义了浏览器如何处理内嵌图像而不考虑它。但最终我发现＆＃34;为什么＆＃34;它发生了很容易找到答案。即使我必须自己做。

吉姆