0

我在获取图像标签中弹出的标题属性时遇到问题。有问题的页面位于http://design.wildsandwebdesign.co.uk/technical/using-delphi-with-mysql-1.php。有 4 张图片，标题和 alt 属性中都有文字。在 Firefox 19.0.2 或在 WinXP 中运行的 Chrome 或 Opera 中没有出现任何标题，但它们在 IE8 中出现（哎呀！）。W3C 验证器说页面是干净的。

我的网站有许多其他页面，其中图像中的标题属性确实有效，只有几个有同样的问题。我尝试提高图像的 z-index，但没有运气。当页面上有 3] 图像时，似乎会发生这种情况，但在其他页面上有 3 或 4 个图像时它确实有效。我根本想不通。

4

3 回答 3

0

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

在此处输入图像描述

从标签中删除width和position属性，并使用's 和's 代替。pmarginpadding

于 2013-03-20T12:39:35.243 回答
0

这是因为没有看到图像被悬停在上面，因为p元素覆盖了它们。

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

于 2013-03-20T12:41:18.670 回答
0

是的，我知道你没有回答自己的问题，但最后我自己找到了答案，我有点失望，有些答案没有抓住重点。是的，很明显文字是“在图像前面”。坦率地说，我认为这是显而易见的，并认为这是理所当然的。我的错。然而，事情就是这样。浏览器知道当它看到这个结构时，它必须将以下文本放在图像的右侧或左侧，并且它会这样做。然而，它忽略了它位于图像旁边并阻止工具提示显示的事实。浏览器也知道光标在哪里，或者它一开始就无法做到这一点。

也许这源于 W3C 已经定义了浏览器如何处理内联图像而不考虑它。但最终，一旦我弄清楚“为什么”会发生这种情况，就很容易找到答案。尽管我必须自己做。

吉姆

于 2013-03-21T19:47:05.747 回答