CSS显示：无和：悬停可见性

我试图在另一个图像悬停时显示一个图像。Safari的所有功能都很好，但Chrome和Firefox的效果很好，图像占位符也可以看到，但无法加载图像。我在其他地方搜索过，找到了与可见性有关的主题：隐藏等，但没有一个跨浏览器处理此问题

以下是HTML：

    <div class="profile-picture-wrap">
<a class="propic">
<img src="../images/propicsmall.jpg" width="142" height="194">
<span><img src="../images/profilepic.jpg" width="290" height="186" /></span></a>
</div>

---

非常感谢您的帮助，谢谢

我将z-index添加到.propic span css中，并在悬停后更改span的左右两侧，以便在JSFIDLE窗口中正确地看到它

请在此处查看：

---

我不确定这对你是否有帮助。我想您只需要这样。

我在.propic span css中添加了z-index，并在悬停后更改span的左右两侧，以便在JSFIDLE窗口中正确地看到它

请在此处查看：

---

我不确定这对你是否有帮助。我想你只想这样。

我试用了你的示例代码。。。经过一个小的编辑，它在Chrome中似乎工作得很好

我必须将您的路径从../images/image.jpg更改为images/image.jpg

---

您是否使用了Chrome中的开发者工具来查看资源（图像）是否正确加载

我试用了你的示例代码。。。经过一个小的编辑，它在Chrome中似乎工作得很好

我必须将您的路径从../images/image.jpg更改为images/image.jpg

---

---

您是否使用了Chrome中的开发者工具来查看资源（图像）是否正确加载

原来这些图像是.tiff文件，已重命名为.jpg。Chrome和Firefox似乎不喜欢这样，拒绝将它们识别为可检索文件。

结果显示，这些图像是.tiff文件，已重命名为.jpg。Chrome和Firefox似乎不喜欢这样，拒绝将它们识别为可检索文件。

您是否尝试过

z-index

？请在上创建一个演示。使用Firefox中的Firebug检查图像。然后将鼠标悬停在图像源上，查看是否显示“加载URL失败”。那将是一个开始…图拉，有人打败了我！请看下面的@Surendra。现在开始尝试z索引。@Rick，谢谢你的评论，我也会检查。@RickDonohoe，是的，“加载URL失败”。建议？您是否尝试过z-index？请在上创建一个演示。使用Firefox中的Firebug检查图像。然后将鼠标悬停在图像源上，查看是否显示“加载URL失败”。那将是一个开始…图拉，有人打败了我！请看下面的@Surendra。现在开始尝试z索引。@Rick，谢谢你的评论，我也会检查。@RickDonohoe，是的，“加载URL失败”。建议？谢谢你的回复！我试着像你一样改变道路，但没有成功。将立即使用开发工具进行检查。映像未正确加载。。我第一次遇到这个问题时，思考？您是否处于可以使用jquery的情况下？或者，您是否受到仅使用css的限制？我还注意到，虽然我的试用版在chrome、firefox和safari中都能正常工作，但在ie中却失败了。我做了更多的调查，查看了这篇文章。不幸的是，不，我没有。谢谢你指出这一点-我知道IE功能的缺乏，但我并不真的为此烦恼。我想知道为什么它对你有效，而不是对我有效？谢谢你的回复！我试着像你一样改变道路，但没有成功。将立即使用开发工具进行检查。映像未正确加载。。我第一次遇到这个问题时，思考？您是否处于可以使用jquery的情况下？或者，您是否受到仅使用css的限制？我还注意到，虽然我的试用版在chrome、firefox和safari中都能正常工作，但在ie中却失败了。我做了更多的调查，查看了这篇文章。不幸的是，不，我没有。谢谢你指出这一点-我知道IE功能的缺乏，但我并不真的为此烦恼。我想知道为什么它对你有用，而不是我？谢谢！不久前我加入了一个z索引，但它不起作用。然而，自那以后做了很多更改，我现在就尝试一下，谢谢：）不幸的是z-index没有工作。在Chrome中，由于某些原因，资源没有加载。我在Chrome和firefox上测试了这个提琴&它的工作原理可能是您使用的是旧版本。这把小提琴在你的浏览器中工作正常吗？是的，它在Chrome、safari和firefox中工作正常，都更新到了最新版本。但仍然看不到图像。我在图像中添加了alt文本，我可以看到，但是在检查firefox中的开发工具时，它没有加载图像。不知道该怎么办。嘿，苏伦德拉，是的，html在一个文件夹里。原来问题不是引用图像，问题是firefox和chrome不喜欢重命名为.jpg的.tiff文件，他们不会将其识别为可检索文件。谁知道呢，谢谢！不久前我加入了一个z索引，但它不起作用。然而，自那以后做了很多更改，我现在就尝试一下，谢谢：）不幸的是z-index没有工作。在Chrome中，由于某些原因，资源没有加载。我在Chrome和firefox上测试了这个提琴&它的工作原理可能是您使用的是旧版本。这把小提琴在你的浏览器中工作正常吗？是的，它在Chrome、safari和firefox中工作正常，都更新到了最新版本。但仍然看不到图像。我在图像中添加了alt文本，我可以看到，但是在检查firefox中的开发工具时，它没有加载图像。不知道该怎么办。嘿，苏伦德拉，是的，html在一个文件夹里。原来问题不是引用图像，问题是firefox和chrome不喜欢重命名为.jpg的.tiff文件，他们不会将其识别为可检索文件。谁知道呢。

    .propic span{
position:absolute;
padding: 5px;
top: 10px;
left: 10px;
display: none;
color: black;
text-decoration: none;
     }

    .profile-picture-wrap:hover .propic span{
display: block;
position:absolute;
top: -3px;
right: 900px;
left:  640px;

     }