Css 背面可见性不适用于儿童

这个解决方案（）不起作用，因为我希望容器中有其他转换的对象，它们应该显示背面

.container{
位置：相对位置；
变换原点：50%50%0；
转换：转换1s到0s；
宽度：-moz最小含量；
宽度：-webkit最小内容；
}
.集装箱img{
背面可见性：隐藏；
}
输入：选中+.容器{
变换：旋转（180度）；
}

编辑 设置

背面可见性：隐藏在要转换的元素上解决问题


.container{
位置：相对位置；
变换原点：50%50%0；
转换：转换1s到0s；
宽度：-moz最小含量；
宽度：-webkit最小内容；
}
.集装箱{
背面可见性：隐藏；
}
输入：选中+.容器{
变换：旋转（180度）；
}
我终于发现了如何解决这个问题！
问题是3d并没有影响图像。只需添加属性：
transformstyle:preserve-3d包括作为“3d世界”一部分的图像。以前，backface属性不起作用，因为它实际上不是3d！这就像是在父母的表面上绘制的纹理。现在，它是一个包含所有组件的三维实体，可以在三维中进行变换，而不会塌陷到父实体的曲面上


.container{
位置：相对位置；
变换原点：50%50%0；
转换：转换1s到0s；
宽度：-moz最小含量；
宽度：-webkit最小内容；
变换样式：保留-3d；
}
.集装箱img{
背面可见性：隐藏；
}
输入：选中+.容器{
变换：旋转（180度）；
}

你到底有什么问题？标题上说：当图像旋转时，两面都可见，但背面应该不可见。我担心容器不能隐藏背面可见性。如果可以的话，答案就是改变它。这就是为什么我说我链接到的解决方案在这种情况下没有用处。您正在旋转。containeryeah，但我不想将每个对象都隐藏在容器内的背面，只有图像知道用于Chrome、Safari和Opera的“-webkit transform style:preserve-3d；”。我忘记了这一点，并开始做各种各样的操作，直到我找到了这个答案，并了解到自从我在Safari中测试以来，我已经忘记了-webkit版本。谢谢你为我节省了很多时间！！！：太感谢你了！