Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.05.2018, 05:36
Аватар для bobus123
Интересующийся
Отправить личное сообщение для bobus123 Посмотреть профиль Найти все сообщения от bobus123
 
Регистрация: 02.09.2009
Сообщений: 19

Проблема с transform и z-index в Safari
Пытаюсь решить проблему со слайдером в Safari. Слайдер - модальное окно, в котором контейнер с картинками (3 штуки - текущая, следующая и предыдущая, находящиеся друг над другом), и svg-маска. Смена слайдов - анимация свойства clip-path для следующей/предыдущей картинки. Само модальное окно тоже анимируется на mousemove - поворот по X и У c перспективой 1000px.

При анимации (повороте) контейнера в Safari происходит следующее : верхняя картинка обрезается, и угол среза зависит от наклона контейнера, с котором эти картинки находятся. При этом видна часть "нижнего" изображения.

Выглядит примерно так


Кто-нибудь сталкивался с такой проблемой? Как ее решить?

Примерный код тут - https://codepen.io/hela/pen/YLNVab.

Заранее спасибо за советы.
Ответить с цитированием
  #2 (permalink)  
Старый 09.05.2018, 14:06
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,480

Попробуй поэкспериментировать с translateZ, предполагаю проблема в том, что при переносе в 3d пространство плоскость оказываются в одной точке и происходит классическое наложение. Но никаких гарантий, только предположение.)
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 09.05.2018, 18:33
Аватар для bobus123
Интересующийся
Отправить личное сообщение для bobus123 Посмотреть профиль Найти все сообщения от bobus123
 
Регистрация: 02.09.2009
Сообщений: 19

Без решения тыкать на угад.... можно до бесконечности ...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена класса по клику, слайдер блоков Дмитрий123 Общие вопросы Javascript 2 04.02.2016 22:28
Проблема с Safari (значение по умолчанию) alexvb AJAX и COMET 1 16.08.2014 18:57
Safari проблема domius (X)HTML/CSS 3 08.07.2014 06:37
Подскажите как лучше положить .xml документ в базу Гробовщик Серверные языки и технологии 4 02.09.2013 11:15
Проблема с MAC в браузере safari sprintf Элементы интерфейса 5 16.05.2013 15:11