У меня была одна такая проблема.
1. Есть форма 2. Фигура на заднем плане рисунка 3. Картинка — полупрозрачный png. 4. Форма (вместе с картинкой) двигается – то высовывается, то втыкается.
Если бы можно было убрать хотя бы одно из условий, проблем не было бы.
Но когда они все вкуснее.
Чтобы нормально отображать изображения PNG в IE (ниже 7), я использую jquery.pngFix. Для перемещения формы — jquery.ui.slider. Все бы здорово, но IE!!!.
в такой ситуации делает неактивными все поля формы, кроме селектора.
В общем, в форме ничего написать не получится.
Я парился всем этим делом и только вчера засел на весь вечер.
Никаких решений (даже таких проблем) в сети я не нашел.
В конце концов я сел разбираться во всем сам.
Я уже покопался в библиотеках jquery и стало интересно посмотреть, что там может быть не так.
Потом я перебрал разные варианты - и картинку на фоне родительского блока для формы блока (идеальный и базовый вариант), и картинку в отдельный блок вставил, и просто картинку вставил.
в в общем, я весь вечер строил гипотезы и пробовал варианты.
В общем, фоновое изображение не отображается, форма неактивна или пропадает прозрачность.
Я даже не ожидал, что следующий вариант сработает! Итак, решение проблемы: [div id="form_wrapper"] [div id="form_image"][/div] [форма][/форма] [/дел] Дело в том: — from_wrapper создает один целый блок (вы можете задать его местоположение и он также будет использоваться при перемещении картинки).
— form_image — собственно фон для формы (полупрозрачный).
Для этого используется pngFix().
Картина размещена на фоне дивы.
- ну и сама форма.
form_image и сама форма позиционируются абсолютно — кому и куда нужно (картинка в самом верху — чтобы охватывала весь блок, форма — куда ее нужно сместить).
З.
Ы.
: может быть где-то уже есть решение этой проблемы, тогда ткните меня носом.
А еще - это моя первая тема здесь.
Я просто подумал, что, возможно, кому-то это будет интересно и полезно.
Но у меня нет опыта написания статей.
Пример Вверху нерабочий вариант, внизу рабочий.
Теги: #IE #jQuery #pngFix #layout #forms #Chulan
-
Марризм
19 Oct, 24 -
Сравнение Клиентских Банков Разных Эпох
19 Oct, 24 -
Ремонт Воздушной Мыши Logitech Mx
19 Oct, 24 -
Удаление Папок С Подпапками
19 Oct, 24 -
Тебе Нужна Страница 404?
19 Oct, 24 -
Кофе И Булочка От Дарберри И М.б. Старбакс
19 Oct, 24
