Здравейте,
имам си слайдер с две стрелки за предишно и следващо изображение, които имат за фон полупрозрачни PNG изображения. Стрелките са невидими, но когато сложиш показалеца на мишката върху слайдера се изпълнява fadeIn() и те се показват плавно. Когато показалеца излезе от пределите на слайдера, стрелките се скриват плавно с fadeOut().
Дотук добре. Обаче под един браузър има проблем... е, не можете да познаете кой е от три пъти! Под него (IE..) когато функцията fadeIn() или fadeOut() започне да тече, вместо стрелките да се покажат плавно, докато тече анимацията, всички полупрозрачни зони на фона стават чисто черни, ръбави и вместо да се появят плавно, те премигват няколко пъти и когато съответната функция свърши, бутоните се оправят.
Тоест под IE когато се променя CSS прозрачността на полупрозрачно PNG изображение се бъгва.
Стрелките по принцип изглеждат така:
Обаче под IE докато тече fadeIn() / fadeOut() функцията стават така:
Какво ще речете по казуса?
имам си слайдер с две стрелки за предишно и следващо изображение, които имат за фон полупрозрачни PNG изображения. Стрелките са невидими, но когато сложиш показалеца на мишката върху слайдера се изпълнява fadeIn() и те се показват плавно. Когато показалеца излезе от пределите на слайдера, стрелките се скриват плавно с fadeOut().
Дотук добре. Обаче под един браузър има проблем... е, не можете да познаете кой е от три пъти! Под него (IE..) когато функцията fadeIn() или fadeOut() започне да тече, вместо стрелките да се покажат плавно, докато тече анимацията, всички полупрозрачни зони на фона стават чисто черни, ръбави и вместо да се появят плавно, те премигват няколко пъти и когато съответната функция свърши, бутоните се оправят.
Тоест под IE когато се променя CSS прозрачността на полупрозрачно PNG изображение се бъгва.
Стрелките по принцип изглеждат така:
Обаче под IE докато тече fadeIn() / fadeOut() функцията стават така:
Какво ще речете по казуса?