CSS元素旋转,部分被切断?

标签 css image-rotation css-transforms

看这张图:

http://i56.tinypic.com/311vw51.png

您会注意到图像 2 和 3(左侧)的部分边框被切除,并非完全可见。我正在使用 transform:rotate(xdeg); CSS 规则。

除了添加更多填充之外,还有什么可以做的吗?我尝试更改 z-index 但似乎没有帮助?我错过了什么吗?

最佳答案

父元素上是否有overflow: hidden?您的旋转元素很可能超出了祖先元素的边界,其中一个元素设置了 overflow: hidden。删除它应该会阻止元素被剪裁。

关于CSS元素旋转,部分被切断?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7431351/

相关文章:

c++ - 如何加快图像的双线性插值?

javascript - 在 IE8 中转换对象(仅旋转),类似于使用 CSS3 transform(rotate), transform-origin

javascript - 使用 Flexbox 创建响应式布局

css - 需要在选择表格行时创建背景颜色

html - 即使 z-index 较高,轮播标题仍保持在覆盖层以下

css - 如何设计 flex parent 来包装所有的 child

android - 围绕自身旋转图像按钮而不移动它

css - 图像/SVG 和 Chrome 的旋转/裁剪问题

javascript旋转div消失

css - 如何旋转父元素以在 3D 空间中显示旋转的子元素