Градиентные фильтры IE 7 меняют цвет текста

Question

У меня есть следующий CSS на кнопке (есть и другие стили):

border: 1px solid #86A74B; border-top: 1px solid #B0C5B0;
background-color: #91B248;
background-image: -moz-linear-gradient(top, #9BBC52, #84A440);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9BBC52),color-stop(1, #84A440));
background-image: -webkit-linear-gradient(#9BBC52, #84A440); /* Chrome 10+, Saf6 */
background-image: linear-gradient(top, #9BBC52, #84A440);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9BBC52', EndColorStr='#84A440'); /* IE6–IE9 */

Когда я рассматриваю эту кнопку в IE7, она отображает текст, используя темный фоновый цвет элемента body, который составляет около 5 слоев назад! Я попытался избавиться от text-shadow и указать color, но, похоже, ничего не работает.

Что такое IE 7 и как я могу заставить эти кнопки последовательно отображать свой текст белым цветом?

Answer 1

Приведенный выше ответ действительно эффективен для меня.В отличие от вас, я боролся с этим уже 2 дня.Это действительно раздражает, когда вы увеличиваете или уменьшаете масштаб, текстовые ссылки теряют свои текстовые цвета.

#menu li a{ position: relative; zoom: 1; }

исправляет это.Спасибо!

Answer 2

Я боролся с той же проблемой в течение последних 5 часов, нашел это: http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm добавил position: relative; zoom: 1; к текстовому тегу, а тег для градиента работал как чудо(вероятно, не лучшее решение, но через 5 часов я закончу.)