css变换-两个形状之间的间隙（白点）_Css_Transform_Space_Skew

css变换-两个形状之间的间隙（白点）

css

css变换-两个形状之间的间隙（白点）,css,transform,space,skew,Css,Transform,Space,Skew,我连接多个倾斜的div，这样就产生了一个环。但是在不同的div之间有白色像素。间隙取决于缩放级别。我怎样才能解决这个问题这是我的密码： <!DOCTYPE html> <html ng-app="o4iApp"> <head> <title>Kompetenzatlas</title> <meta name="viewport" content="width=device-width, initial

我连接多个倾斜的div，这样就产生了一个环。但是在不同的div之间有白色像素。间隙取决于缩放级别。我怎样才能解决这个问题

这是我的密码：

<!DOCTYPE html>
<html ng-app="o4iApp">

  <head>
    <title>Kompetenzatlas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script data-require="bootstrap@*" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script data-require="angular.js@*" data-semver="1.2.13" src="http://code.angularjs.org/1.2.13/angular.js"></script>
    <script data-require="angular-ui-bootstrap@*" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.min.js"></script>
    <script data-require="angular-route@*" data-semver="1.2.13" src="http://code.angularjs.org/1.2.13/angular-route.js"></script>
    <script data-require="angular-resource@*" data-semver="1.2.13" src="http://code.angularjs.org/1.2.13/angular-resource.js"></script>
    <link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="main.css" />
    <script src="app.js"></script>
    <script src="controller.js"></script>
  </head>

  <body>

    <div ng-view=""></div>

  </body>

</html>


康佩坦萨图拉斯酒店

你可以看到它是如何工作的

在Firefox中，问题变得非常明显。段之间有白线。

请添加指向您的站点的链接以及您遇到问题的代码。我在“编辑1”中发布了一个带有代码的plunker