Прозрачные PNG в IE6 растягиваются при использовании суперлегкого jquery-плагина

Question

Это сводит меня с ума: я стажер: мой босс хочет, чтобы я использовал плагин jquery «superlesleight» с 32-битными png, чтобы сделать их прозрачными в IE6. У меня все html работает, и все они размещены правильно, но когда я применяю javascript, те png, которые используют padding, растягиваются. Мне нужно было заполнить некоторые кнопки в моем CSS, иначе мне пришлось бы объявить 12 классов вместо 5 (вместо объявления left: Xpx для каждого объекта; я могу сделать «padding: 0 Xpx 0 Ypx» < бр /> Разве это невозможно исправить, не добавляя отдельный класс на каждую страницу?

Answer 1

Чтобы PNG работали в IE6, они отображаются в стиле фильтра. Очевидно, что скрипт принимает размер элемента, чтобы установить размер изображения. Заполнение включено в размер, поэтому изображение будет также охватывать заполнение.

Вы можете попробовать использовать margin вместо padding. Поля не включены в размер элемента.

Другим решением может быть добавление еще одного элемента вокруг изображения и применение к нему отступа.