Во-первых, извините меня за мой плохой английский, я француз. Я сделаю все возможное! Я здесь сегодня, потому что впервые не нахожу ответа на свою проблему. В понедельник мне нужно показать демо-версию веб-сайта, и я начинаю паниковать!
Итак, у меня есть div с rotate (45deg)
. В этом div у меня есть два div другого div в встроенном блоке (с поворотом css (-45deg). Слева у меня есть ползунок, а справа текст и ярлыки. Сегодня я присоединился к ползунок в левое положение (я работаю на joomla). Работает хорошо, но у меня проблема с переходом слайдов. Если я нажимаю «Далее» или «Предыдущий», глобальный div (основной контейнер) становится размытым< /strong> на время перехода я сделал скриншоты текста в нужном месте (лучше видно разницу).
Скрипка, например:
http://jsfiddle.net/asakuras/8Pk3S/11/
Например, фото:
Перед кликом и сразу после клика во время перехода:
http://www.morgann-c.com/tools/js/bug.jpg
Пояснения:
Я проверил много возможностей, чтобы очистить это, но в настоящее время нет решения. В скрипте (responsiveslides.js) переходы уменьшаются за счет непрозрачности. В строке 71 скрипта есть конфигурация непрозрачности:
visible = {"float": "left", "position": "relative", "opacity": 1, "zIndex": 2},
hidden = {"float": "none", "position": "absolute", "opacity": 0, "zIndex": 1, }
Если я изменю непрозрачность скрытого класса на 0, перехода не будет, но ошибка исчезнет! Я думаю, что это проблема с переходом непрозрачности CSS. Если я удалю поворот на всех div, ошибка также исчезнет. Я протестировал все преобразования CSS, но безрезультатно...
Я работаю над этим багом уже 3 дня и мне очень важно быстро найти решение... Умоляю, если у кого-то уже была такая проблема беру !
Хорошего конца недели и заранее спасибо...
ИЗМЕНИТЬ //// :
Firefox 30: "Размытие" при нажатии
Chrome 35.0.1916.153: "Размытие" везде при загрузке страницы
IE 11: Никаких проблем, никакого "размытия", все работает отлично!