линейный -градиент с использованием CSS3 PIE в IE9 не работает, в IE8 работает

Я решил полностью отказаться от поддержки IE6 и IE7 на своем веб-сайте, перенаправляя пользователей на страницу только с текстом -с предупреждением. Однако я все еще поддерживаю IE8 и IE9.

Я достиг этого, используя CSS3 PIE , а радиус границы -работает в обоих (IE8/9 ), box -shadow работает в обоих, однако я также полагаюсь на линейный -градиент. У меня есть куча тегов, используемых для достижения этого:

background: #E6E6E6; /* fallback */
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6E6), to(#B3BCC7)); /* old webkit */
background: -webkit-linear-gradient(#E6E6E6, #B3BCC7); /* new webkit */
background: -moz-linear-gradient(#E6E6E6, #B3BCC7); /* firefox */
background: -ms-linear-gradient(#E6E6E6, #B3BCC7); /* meant to be IE... */
background: filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E6E6E6', endColorstr='#B3BCC7'); /* also meant to be IE... */
background: -o-linear-gradient(#E6E6E6, #B3BCC7); /* opera */
background: linear-gradient(#E6E6E6, #B3BCC7); /* W3C standard */
-pie-background: linear-gradient(#E6E6E6, #B3BCC7); /* PIE */

behavior: url(/PIE.htc); /* load PIE.htc */

линейного -градиента, который работает в IE8, но не в IE9, как ни странно. Я пробовал любые найденные решения, но они не сработали. IE8 просто показывает резервный:фон:#E6E6E6;-не градиент.

Я не думаю, что это что-то не так с сервером или чем-то подобным, потому что другие свойства-граница -радиус и поле -тень-работают с PIE, но не без.

У меня есть все свойства для работы во всех браузерах, которые я поддерживаю -только не в IE9:(

Есть идеи?
Спасибо

7
задан BoltClock 6 May 2012 в 05:59
поделиться