Question

我的代码应该执行以下操作：一个旋转5度的背景大半黑条。 JSFiddle

<div class="con-fluid"><div class="_978y"></div></div>

.con-fluid{
  width: 100%;
}
._978y{
    background-color: #2d2d2d;
    width: 200%;
    height: 296px;
    position: absolute;
    -webkit-transform: rotate(5.13deg);
    -moz-transform: rotate(5.13deg);
    -ms-transform: rotate(5.13deg);
    -o-transform: rotate(5.13deg);
    transform: rotate(5.13deg);
    }

/ *如您所见，旋转代码是通用的，以确保它几乎适用于所有浏览器/ 问题是：它没有填补它的两端。您可以在代码预览中清楚地看到它。

我想要的基本上是填充这个空白区域，因此它不会脱离图表。有什么想法吗？

提前致谢。

Answer 1

我不太了解你的查询，但是，我想你问的是矩形右上角缺少“三角形”。它就在那里，因为你旋转了矩形。

要隐藏它，请将margin-top: -10px;放入._978y的css中，将矩形向上移动10px。

背景填料问题

1 个答案: