CSS 缩放转换和 z-index

标签 css css-transforms

我有一个 div,它在悬停时会按比例放大 - 这一切都很好而且看起来很棒。

但是,如果我悬停的其中一个 div 靠近容器的边缘,则缩放后的 div 不会覆盖。

图片:

悬停前:

悬停时:

enter image description here

如您所见,增大尺寸的 div 位于灰色 div 的后面。 我试过使用 z-index 值,但在这种情况下似乎没有效果。

这可以使用 css 转换还是我必须使用不同的方法

谢谢 啊

最佳答案

这是一个简单的 CSS 问题。您希望显示文档树中 div 内的内容,即使它们在视觉上位于 div 之外。这就是他们所说的溢出,所以:

div.outer
{
    overflow: visible;
}

关于CSS 缩放转换和 z-index,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10278149/

相关文章:

javascript - jquery 多个输入字段的总和(如果一个输入中有相同的类)

javascript - Bootstrap 3 Glyphicons 显示不正确

javascript - 如何在按下鼠标而不是单击、悬停或聚焦时删除 Firefox 按钮轮廓

css - 使用 matrix3D 创建立方体,作为多个变换的替代方法?

CSS3-moz-变换 : rotateY not working as expected

css - 视频无法播放且太大

css - 如何通过 ID 设置 ASP.NET HTML 服务器控件的样式?

css - 在 CSS 中重新创建 MS Windows Phone Tiltin 动画

jquery - 在页面加载时使用 css3/jquery 滚动圆形图像

javascript - 使用 CSS 在单击事件上分别为每个转换属性设置动画