覆盖'overflow:hidden'的父CSS规则

Sta*_*arx 5 css jquery

我在div溢出时显示缩略图:隐藏为其样式属性.

当我单击一个缩略图时,我用更大的视图替换图像(这会产生缩放效果),但由于某些图像非常大,因此它会被其父级划分.

所以,我希望这个特定的缩略图能够违反其父规则并退出并显示它100%self.


我提出这个问题的主要原因是为了提供/提供一个好的工作解决方案.最好的就是这个.

Sta*_*arx 3

最简单、更有效的方法是将以下属性添加到图像中以完成工作。

位置:绝对

当它有了绝对定位后,它会跳出它的容器,直到找到另一个相对容器,从而违反了它的父规则。

我在[此处]创建了一个简单的演示来说明这种情况和解决方案。