Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 为什么不';我们这里的IE 8没有背景色吗?_Css - Fatal编程技术网

Css 为什么不';我们这里的IE 8没有背景色吗?

Css 为什么不';我们这里的IE 8没有背景色吗?,css,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;

更新至真实案例场景:

如果您在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;   
}

.按钮白色{
显示:块;
文字装饰:无;
文本对齐:居中;
大纲:无;
光标:指针;
宽度:7em;
字号:1.25em;
颜色:#000;
填充:.4em 1em.4em;/*tamanho*/
边界半径:.5em;
盒影:0 1px2pRGBA(0,0,0,2);
-webkit盒阴影:0 1px2pRGBA(0,0,0,2);
-莫兹盒阴影:0 1px2pRGBA(0,0,0,2);
背景:#ffffff;/*旧浏览器*/
背景:-moz线性梯度(顶部,#ffffffff 0%,#dddddd 100%);/*FF3.6+*/
背景:-webkit渐变(线性、左上、左下、颜色停止(0%、#ffffff)、颜色停止(100%、#dddddd));/*铬、Safari4+*/
背景:-webkit线性梯度(顶部,#ffffff 0%,#DDDD 100%);/*Chrome10+,Safari5.1+*/
背景:-o-线性梯度(顶部,#ffffff 0%,#dddddd 100%);/*Opera 11.10+*/
背景:-ms线性梯度(顶部,#ffffff 0%,#DDDD 100%);/*IE10+*/
-webkit边界半径:.5em;
-moz边界半径:.5em;
}
我不能将背景标记为重要的,其他方面,好的浏览器将使用白色背景,而不是渐变背景

我试着把背景改成“背景色”,没有效果

可能是什么

我们已经启用了HTC


非常感谢

你有背景。你只是看不到它,因为它是白色的:

编辑:更改

background: #ffffff; /* Old browsers */


你应该有一个橙色的背景。在win7上的IE8中测试。

如果禁用
行为:url(http://yoururl.com/css/PIE.htc)
,则IE8中的按钮应为白色


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

请发布与问题相关的代码。您可以通过编辑自己的问题并将其添加到问题正文中来完成此操作。它会帮助我们帮助你。@Madara:只是出于好奇,JSFIDLE还不够吗?或者你可能忽略了这一点?@besluitloos:如果JSFIDLE将来去世(这并不像你想象的那么不可能),来自谷歌的未来访问者会发现这个问题毫无价值,因为他们无法了解问题的背景。因此,这个问题应该是自主的,不依赖外部服务就可以回答。谢谢,纯逻辑,但我没有这样想。所以我们也应该提供这样的答案,或者至少解释解决方案。不是像“解决它:…”这样的东西。你知道的越多…我已经发布了我想发布的代码。对不起。我放置了原始代码,而不是试图复制它。在这里,在IE 8上,您将在IE浏览器上看不到背景色。您尝试过我的解决方案吗?它在这里工作得很好。更改背景:#ffffff;/*旧浏览器/到后台:#f90;/旧浏览器*/-在IE8中,按钮的背景为橙色。您尝试过更改颜色吗?我不明白你想用最后的评论告诉我什么。在提供的链接上(它已更新),背景容器元素是用另一种颜色定义的,然后是白色。因此,我可以很好地保持白色,我应该可以完美地看到IE 8上的白色背景。我现在正在检查另一台机器,只是为了确保问题不是与虚拟机相关的问题。1分钟…在IE8真机上也一样。所以问题仍然存在,我已经取消了规则。一切顺利。非常感谢你发现了这一点。干杯
background: #f90; /* Old browsers */