我正在尝试将（悬停）图像放在其父div之上。我使用旧版本的www.cssplay.co.uk/menu/magnify.html，虽然有点修改我的需求。
我找到了一种在之前的网站中实现我想要的方法=＆gt; http://www.keurslagergeertenkristel.be/。在中间你会看到一张左边是黑白照片的照片，还有一些粉红色/波尔多色调和一些文字。如果你用光标悬停，图片会放大，你可以正确看到它（我知道可能存在小屏幕分辨率的问题，但现在不是问题）
我正在尝试在我正在构建的新网站中再次执行相同的操作，但我无法使其工作：■图像始终保留在其父div中。 你可以在这里看看=＆gt; http://www.vermeulenklasseslager.be/NEW/
这两个网站的图片的CSS是相同的，所以它必须是我想的父div，但我看不到它。
我尝试了很多变化，使用display：block，position：relative（对于父div），overflow：hidden和auto，添加额外的div或spans，添加z-index ......
更新：我只是在IE11中发现了问题。（这让我理解的原因更少，因为第一个网站适用于所有浏览器）
答案 0 :(得分：1)
我认为解决方法是：
位置：已修复
答案 1 :(得分：0)
在ie 10/11中，由于内容div上的border-radius属性，它会裁剪大图像。解决方案是删除overflow：隐藏并使用标准的clearfix清除此容器：
#content:before,
#content:after {
content: "";
display: table;
}
#content:after {
clear: both;
}
#content {
zoom: 1;
}