我正在尝试将(悬停)图像放在其父 div 之上。我使用旧版本的 www.cssplay.co.uk/menu/magnify.html,虽然根据我的需要做了一些修改。
我在之前的站点中找到了一种实现我想要的方法=> http://www.keurslagergeertenkristel.be/ .在中间,您会看到一张图片,左边是一张黑白照片,还有一些粉红色/波尔多色调和一些文字。如果您将鼠标悬停在鼠标上,图片会放大以便您可以正确查看(我知道小屏幕分辨率可能存在问题,但现在不是问题所在)
我正在尝试在我正在构建的新站点中再次执行相同的操作,但我无法让它工作:s 图片始终 保留在其父 div 中。 您可以在这里查看 => http://www.vermeulenklasseslager.be/NEW/ .
两个网站的图像的 CSS 是相同的,所以我猜它一定是父 div 的东西,但我看不到它。
我尝试了很多变体,使用 display:block、position:relative(对于父 div)、overflow:hidden 和 auto,添加额外的 div 或 span,添加 z-index...
更新:我刚刚发现问题只发生在 IE11 中。(这让我更不明白为什么,因为第一个网站在所有浏览器中都可以运行)
最佳答案
我认为解决方案是:
position : fixed
关于html - 图像漂浮在父 div 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21088570/