Css 站点在 firefox 中正确显示，chrome 在 IE11 中无法正确显示

Question

Css 站点在 Firefox 中正确显示，chrome 和 Css 在 IE11 中无法正确显示，我在 header 中的面包屑不显示正确地在 ie11 我不知道为什么。

www.myhotels24.eu/fibe.aspx

Answer 1

问题是跨浏览器渐变：
将以下 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 */***

Answer 2

您需要使用适用于所有浏览器的 css。 linear-gradient 属性只针对极少数浏览器支持，不是全部。

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 */

如果您使用这些背景属性，它将适用于所有浏览器。意味着兼容属性将自动工作自然浏览器。

Css 站点在 firefox 中正确显示，chrome 在 IE11 中无法正确显示

Css Site display correctly at firefox and chrome and Doesn't Display Correctly in IE11

css

asp.net

internet-explorer-11