горизонтальная белая линия клипа в Chrome - PullRequest
0 голосов
/ 20 ноября 2018

Получил клип-путь на div с фоновым изображением.Когда в Chrome горизонтальные белые линии появляются через div / background image.Кто-нибудь знает, как это убрать?

Смотрите скриншот: Снимок экрана с ошибкой в ​​виде горизонтальной белой линии

Здесь также есть ссылка на страницу курса https://www.sunderland.ac.uk/study/health-paramedic-clinical-sciences/undergraduate-biomedical-science/#facilities

1 Ответ

0 голосов
/ 20 ноября 2018

Эта проблема уже была замечена ранее, см. Клип-путь в Chrome оставляет странную линию на краю и CSS - Странная рамка появляется на мобильном телефоне Chrome с clip-path

Похоже, это ошибка рендеринга Chrome.

В вашем случае я смог заставить линию исчезнуть, установив высоту для вашего многоугольного контейнера:

.course_page #facilities .facility--menu {
    clip-path: polygon(0 0,100% 5%,100% 95%,0 100%);
    height: 25em;
}

высота только немного выше текущей.

Никакие другие свойства CSS, которые я тестировал, не влияют на линию.

...