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

过去5个小时我一直在努力解决同样的问题，发现这个： http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm 将position: relative; zoom: 1;添加到文本标记中，渐变的标记就像魅力一样。（可能不是最好的解决方案，但是5小时后我就完成了。）

Answer 2

上述答案对我来说非常有效。与你不同，我现在已经为此困难了2天。当您放大或缩小时，它真的很烦人，文本链接会丢失文本颜色。

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

解决了这个问题。谢谢！

IE 7渐变滤镜正在改变文字颜色

2 个答案: