Проблема с наполнителем фона

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; в поле css для ._978y, перемещая прямоугольник вверх 10px.