Как убрать накладывание бордера?

Question

[masha096]

справа у слайдера
https://jsbin.com/pobuhihusu/edit?css,output

Answer 1

[Stalker_RED]

Вот же у вас правило

.swiper-slide {
  border-right: 1px solid #CECECE;
}

Можно вообще отказаться от этого бордера.
Или применить .swiper-slide:last-child{ border: 0; }

Comments

[masha096]

Stalker_RED, это применится к последнему. (после свайпа до конца)
А при начальной загрузке страницы проблема останется

[Stalker_RED]

masha096, ну сделайте border-left вместо border-right, и уберите бордер у первого.

[masha096]

Stalker_RED, делаю свайп - опять такая же проблема. При инициализации только работает
https://jsbin.com/gibelosude/edit?css,output

[masha096]

Ankhena, Пробую https://jsbin.com/qihawozesu/1/edit?css,output

[Ankhena]

masha096, ну, во-первых, через nth-child не выйдет. Выйдет через соседние селекторы.
Во-вторых, не выйдет всё равно, потому что уберется и во время движения.
Отсюда вывод: рисуйте границу слайдера не бордером, а чем-нибудь другим. Например, псевдоэлементом.

[masha096]

Ankhena, Не совсем понятно, как это поможет..