Как исправить проблему с кнопкой "read more" и возможностью выделения текста на слайдерах, когда на некоторых из них они перекрываются самим слайдером с классами swiper-wrapper, swiper-cube-shadow и т.д., несмотря на установленное значение z-index и когда активному слайду (.swiper-slide-active) также присвоено значение z-index, но это не решает проблему, сохраняя при этом эффект cube?
Для исправления проблемы с кнопкой "read more" и возможностью выделения текста на слайдерах с cube-эффектом можно попробовать следующие способы:
1. Добавить стили для кнопки "read more" и текста на слайдерах с более высоким z-index, чем у слайдера. Например:
```css
.swiper-wrapper {
z-index: 1;
}
.swiper-slide {
z-index: 2;
}
.read-more-button {
z-index: 3;
}
.text {
z-index: 3;
}
```
2. Использовать свойство pointer-events для отключения взаимодействия с элементом слайдера. Например:
```css
.swiper-slide {
pointer-events: none;
}
.text {
pointer-events: auto;
}
```
3. Попробуйте использовать псевдоэлементы ::before или ::after для создания дополнительного слоя над слайдером. Например:
```css
.swiper-slide::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
```
Выберите подходящий способ или их комбинацию для решения проблемы с кнопкой "read more" и возможностью выделения текста на слайдерах с cube-эффектом.