Question

在Firefox上正确显示Css站点并且Chrome和Css没有正确显示IE11，我在标题中的面包屑在ie11上无法正确显示我不知道为什么。

www.myhotels24.eu/fibe.aspx

Answer 1

您需要使用适用于所有浏览器的CSS。线性渐变属性仅适用于支持但不是全部的浏览器。

background: your-color; 
background: -webkit-linear-gradient(bottom, your-color, white); /* For Safari 5.1 to 6.0 */
background: -moz-linear-gradient(top, white, your-color); /* For Firefox 3.6 to 15 */
background: -o-linear-gradient(white, your-color); /* For Opera 11.1 to 12.0 */ 
background: linear-gradient(top, your-color, white); /* Standard syntax */
background: linear-gradient(to bottom, your-color, your-color); /* IE ? */
background: -ms-linear-gradient(top, your-color, your-color); /* IE 11 */

如果您使用这些背景属性，它将适用于所有浏览器。平均兼容属性将自动运行自然浏览器。

Answer 2

有问题的是跨浏览器渐变：
将以下css替换为背景。

background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #207cca 0%, #b89470 0%, #b89470 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(0%,#b89470), color-stop(100%,#b89470)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #1e5799 0%,#207cca 0%,#b89470 0%,#b89470 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #1e5799 0%,#207cca 0%,#b89470 0%,#b89470 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #1e5799 0%,#207cca 0%,#b89470 0%,#b89470 100%); /* IE10+ */
background: linear-gradient(to right,  #1e5799 0%,#207cca 0%,#b89470 0%,#b89470 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#b89470',GradientType=1 ); /* IE6-9 */***

Css站点在firefox和chrome上正确显示，并且在IE11中无法正确显示

2 个答案: