透视bug

Question

我有以下div结构

<div class="a">
  <div></div> <div></div> <div></div>
  <div></div> <div></div> <div></div>
</div>

div.a {
  -webkit-perspective: 1000px; 
  perspective: 1000px;
  -ms-perspective: 1000px; 
}
div.a div {
  float: left;
  width:33.33333333333333%;
  height: 30px;
  overflow: hidden
  background: transparent url(someimage) no-repeat;
}

所有div（div.a div）都使用js定位并且具有背景图像，因此它显示为单个图像（图像分为6个部分）

问题是我在div孩子之间有一条线。 如果我删除透视，一切都很好。

这里介绍的div结构和css类只是为了简化代码。

Answer 1

我通过在动画方块后删除透视来解决它 我还使用以下结构作为正方形

<div class="parent">
    <div class="block"></div>
</div>

透视图应用于父级并在动画后删除（无论如何都不能将其应用于子级）