为什么我们这里没有IE 8的背景颜色?

时间:2012-10-12 09:26:18

标签: css

更新到实际案例场景:

如果您在IE8上看到以下内容,并且您注意到锚背景颜色已经消失。

<a class="button-white" href="/contacts/index">Contacte-nos</a>


.button-white {
    display: block;
    text-decoration: none;
    text-align: center;
    outline: none;
    cursor: pointer;
    width: 7em;
    font-size: 1.25em;
    color: #000;
    padding: .4em 1em .4em; /* tamanho */
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* IE10+ */
    -webkit-border-radius: .5em;  
    -moz-border-radius: .5em;   
}

我无法将背景标记为重要,其他方面,优秀的浏览器将具有白色背景而不是渐变背景。

我试图将背景更改为“背景颜色”没有效果。

它可能是什么?

我们启用了HTC。

非常感谢

2 个答案:

答案 0 :(得分:2)

如果您禁用behavior: url(http://yoururl.com/css/PIE.htc),那么IE8中的按钮就像应该的那样是白色。

你的CSS是正确的,但是htc文件有一个覆盖。

答案 1 :(得分:0)

你有一个背景。你只是看不到它,因为它是白色的:http://jsfiddle.net/y5YfE/2/

修改:更改

background: #ffffff; /* Old browsers */

background: #f90; /* Old browsers */

你应该得到橙色背景。在win7上在IE8中进行了测试。