html如何去掉页面白边,html – 如何删除两个倾斜元素之间出现的白边？

我在Chrome浏览器上看到了偏斜的

HTML div之间的白线.以下是该问题的屏幕截图：

这是代码：

.abc {

-webkit-backface-visibility: hidden;

-moz-backface-visibility: hidden;

backface-visibility: hidden;

width: 200px;

height: 200px;

background: green;

position: absolute;

left:0px;

transform: skewX(-10deg);

transform-origin: 0% 100%;

}

.def {

-webkit-backface-visibility: hidden;

-moz-backface-visibility: hidden;

backface-visibility: hidden;

width: 200px;

height: 200px;

background: green;

position: absolute;

left:200px;

transform: skewX(-10deg);

transform-origin: 0% 100%;

}

我们如何删除此白线？感谢这里的任何帮助.