Internet Explorer的问题和背景未显示

Question

我的背景没有显示我的按钮元素,我遇到了一些问题.

这是我的CSS代码:

button.button-master-lite, a.button-master-lite {
    background: #92AE41;
    background: -moz-linear-gradient(top, #89A73E 0%, #92AE41 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#89A73E), to(#92AE41));

    border: 1px solid #89A73E;
    border-bottom: 1px solid #92AE41;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: inset 0 1px 0 0 #92AE41;
-webkit-box-shadow: inset 0 1px 0 0 #92AE41;
    box-shadow: inset 0 1px 0 0 #92AE41;

    color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
font-size: 11px;
    font-weight: bold;
    line-height: 1;

    padding: 5px 8px 6px 8px;
    text-align: center;
    text-shadow: 0 -1px 0 #5D862F;
    width: auto;
}

这是我的HTML:

<a class="button-master-lite" href="#">Order Now</a>

使用IE 6和IE 7时,背景颜色不显示.但是,当我取消除第一个背景声明之外的其他背景声明时,背景显示.

我有这个按钮的HTML页面有许多div和子div与浮动和位置样式元素,但我无法弄清楚哪一个导致问题.我尝试将代码放在一个完全空白的页面上,只有我的样式表,它运行正常.

当我有其他浏览器的其他背景声明时,是否有任何特别会导致背景不显示？!它与浮子或其他定位元素有什么关系吗？

我很感激一些帮助.谢谢.

Answer 1

您在设置后立即重置背景.使用background-color用于设置颜色,然后background-image对这些CSS3渐变.

演示:http://codetester.org/2cef201d

这个网站帮了很多忙! http://css3please.com/