css - 透视错误

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>

透视应用于父级并在动画后移除(无论如何你不能将它应用于子级)