Я пытаюсь изменить внешний вид кнопки Uploadify, используя опубликованные решения здесь . Вместо того, чтобы менять файл Flash, я хочу сделать это с помощью CSS.
Это включает в себя упаковку файла ввода и flash-объекта в div:
<div class="uploadWrapper">
// File upload
// Flash object
</div>
И с использованием следующих настроек Uploadify:
...
wmode : 'transparent',
hideButton : true,
...
И используя следующий CSS:
.uploadWrapper {
background: url(../path/to/new/image.png) 0 0 no-repeat;
}
Но вывод таков:
Он показывает причудливый синий прямоугольник поверх моего фонового изображения. Кто-нибудь знает, почему это появляется? Я попытался поиграться со свойствами CSS объекта (видимость и скрытый) - оба скрывают весь объект swf (и, следовательно, синий прямоугольник), что бесполезно, так как он должен быть видимым для пользователей, чтобы нажимать на него.
Нажмите здесь для jsFiddle .