IE 7, Chrome 10 и Opera 11 не поддерживают CSS-фоны для отдельных полей - опции?

Question

Я использую простой код CSS ниже для поля выбора, и он работает во всех браузерах, которые я тестировал, кроме IE7, Chrome 10 и Opera 11.

background: url(../images/standard-select-bg.png) no-repeat;

Какие у меня варианты для этих браузеров?

Answer 1

Для одного элемента выберите:

• При background-color: transparent Firefox показывает изображение, а Chrome и Opera - нет.
• С background-color: rgba(0,0,0,0) все браузеры показывают изображение.

Для нескольких элементов выберите:

• Opera показывает изображение только при использовании background-color: rgba(0,0,0,0), Firefox и Chrome показывают во всех случаях.

Работает хотя бы в Opera 11.10beta

Answer 2

мой сайт http://arpitk.me.pn/, и его фоновые изображения загружены не слишком в Chrome, но на Firefox показывалось нормально поэтому я исправил это с помощью html {length: 100%;} в файле CSS и он прекрасно загрузился в Chrome но то есть и опера отстает

Answer 3

Насколько я знаю, это просто невозможно в IE7 или Opera 11.

Выбор:

• Забудьте о background-image в этих браузерах.
  • Ни одна из них не имеет массивной доли рынка.Стоит потратить на них дополнительное время для незначительного косметического эффекта?
• Используйте JavaScript, чтобы заменить элементы <select> на «поддельную версию».
  • Вы можете стилизовать это так, как вам нравится.
  • Например, Emblematiq Niceforms или jqTransform или Uniform-плагин .
  • Это довольно много дополнительной работы.

Если только background-images не являются необходимыми , я бы пошел с Вариантом #1.