Javascript 悬停时图像上的文本

我希望它有一个悬停在上面的文本，例如编辑这张图片。 我曾想过在css上创建背景图像，但这是不可能的，因为我从mysql调用图像，并将位置存储在$\u会话中，如您所见。 我非常感谢你的帮助

如果你将鼠标悬停在图像上方，就会出现一支铅笔。我希望显示文本而不是铅笔，在

上放置

title=“您想要的文本”

属性

---

或者，您可以使用JavaScript显示样式化的工具提示。如果您喜欢这条路线，我建议您使用它和插件。

您不能只使用title属性吗

        <a href="xxx.php" ><img src="<?php echo $_SESSION['picture'] ?>" id="ppicture"></img></a>

---

我不确定我是否完全理解你的问题，但也许这就是你想要的

使用img标记的title属性，可以创建悬停文本

<a href="xxx.php" ><img src="<?php echo $_SESSION['picture'] ?>" id="ppicture" title="Your text" /></a>

---

这可以通过css定位轻松完成：

（1） 创建一个div标记，作为图像和文本的容器。在文本周围添加一个p标记

（2） 添加位置：相对于刚创建的div：

<img ... title="Edit This Picture" />

（3） 为相对于div定位的文本添加新样式：

<a href="xxx.php" ><img src="<?php echo $_SESSION['picture'] ?>" id="ppicture" title="Edit this picture"></img></a>

---

现在，您的图片上应该有一个标题。我把样式留给你，你可能想考虑使用jQuery让你的编辑标签出现在悬停。 我不是指头衔。我想要一些更集成的东西，比如在图像顶部只显示单词edit，而不是鼠标。另外，标题也没有那么快和明显。然后我建议使用jQuery和工具提示插件。有很多，谷歌搜索将帮助您找到可能包含您所寻求行为的。如果没有jQuery，您是对的：）Thanx很多：D qTip看起来很棒btwOk是的，我使用这个和jQuery Thanx制作的：D@Simon只需将锚定标签包含在p中，您就应该很好了。事实上，你几乎可以在这里使用任何东西，甚至在锚标签周围加一个div都可以。嘿，maz，是的，我后来发现：）我不知道为什么，但当我一开始这么做的时候，它把页面弄得一团糟。

#div-name {
    position: relative;
}

#div-name p {
    position: absolute;
    width: 168px;
    left: 10px;
    bottom: 10px;
    background-color: #AAA;
}