html - 图像漂浮在父 div 上

标签 html css internet-explorer

我正在尝试将(悬停)图像放在其父 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/

相关文章:

javascript - 在没有主题标签的网页内链接

php - 如何将数组数据放入表中?

html - 如何设置:link height/width with css?

javascript - Angular - 根据传入的变量更改组件/指令的大小

html - 想要居中我的水平导航

html - 如何设置背景?

html - 在元素内部对齐元素

internet-explorer - Internet Explorer 8中的Raphael JS性能

javascript - IE8 `window.fn !== fn`

html - 无法让 PIE 在 IE8 中为 border-radius 工作