css - 移动webkit透视问题

标签 css safari transform ios5 perspective

一个 3d 旋转 div 切入另一个具有更高 z-index 的 div,无论 z-index Δ 还是透视差异。 这在 iOS 4 上的 safari、safari mobile 中运行良好,但在 iOS 5 上我可以看到问题

http://jsfiddle.net/voidbrain/cuHn5/7/embedded/result/

最佳答案

被切入的“色带”DIV 基本上位于 z 轴上的位置 0。为了让它不被沿 y 轴旋转的另一个 DIV 切割,您需要将“色带”DIV 推回 z 轴,距离至少是旋转 DIV 宽度的一半。例如,如果旋转 DIV 的宽度为 100px,则将以下 CSS 应用于“功能区”DIV:

-webkit-transform: translate3d(0, 0, 50px)

关于css - 移动webkit透视问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7800870/

相关文章:

e.key 的 Javascript 正则表达式后备 (Safari)

javascript - Safari 和 Chrome 上的 Javascript 错误

jquery - CSS 和 jQuery 导航问题

webkit - -webkit-transform 和适应级联(如何不覆盖以前的设置)

javascript - 在滚动上实现流体倾斜变换

css - 覆盖 Angular2 ADF 组件的 css

html - 在悬停时将按钮的宽度增加几个百分点

css - 将 CSS 转换应用于显示为 :block, 的元素会向页面添加大量滚动

javascript - Umbraco-Images 不显示现有 HTML 标记

html - 背景图片分隔符不会显示在我的 CSS 菜单中