的CSS Gradiant無法在Internet Explorer工作，當CSS翻轉

我有一個漸變的CSS代碼良好的所有瀏覽器的CSS Gradiant無法在Internet Explorer工作，當CSS翻轉

header{ 
padding:0px 0; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+13,3e6d9f+40 */ 
    background: rgb(255,255,255); /* Old browsers */ 
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 13%,rgba(0,119,159,0.5) 40%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, right top, color-stop(13%,rgba(255,255,255,1)), color-stop(40%,rgba(62,109,159,0.5))); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 13%,rgba(62,109,159,0.5) 40%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(left, rgba(255,255,255,1) 13%,rgba(62,109,159,0.5) 40%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 13%,rgba(62,109,159,0.5) 40%); /* IE10+ */ 
    background: linear-gradient(to right, rgba(255,255,255,1) 13%,rgba(62,109,159,0.5) 40%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#3e6d9f',GradientType=1); /* IE6-9 */ 
    position:relative; 
    z-index:1; 
}

工作和圖像看起來像這樣

然後我不得不翻轉這個CSS爲阿拉伯語版本和代碼像

header{ 
padding:0px 0; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+13,3e6d9f+40 */ 
    background: rgb(255,255,255); /* Old browsers */ 
    background: -moz-linear-gradient(right, rgba(255,255,255,1) 87%, rgba(0,119,159,0.5) 40%) !important; /* FF3.6+ */ 
    background: -webkit-gradient(linear, right top, left top, color-stop(13%,rgba(255,255,255,1)), color-stop(40%,rgba(62,109,159,0.5))) !important; /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(right, rgba(255,255,255,1) 87%,rgba(62,109,159,0.5) 40%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(right, rgba(255,255,255,1) 87%,rgba(62,109,159,0.5) 40%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(right, rgba(255,255,255,1) 87%,rgba(62,109,159,0.5) 40%); /* IE10+ */ 
    background: linear-gradient(to left, rgba(255,255,255,1) 87%,rgba(62,109,159,0.5) 40%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#3e6d9f',GradientType=1); /* IE6-9 */ 
    position:relative; 
    z-index:1; 
}

這個代碼的工作以及所有broswers除了IE

在所有broswers圖像翻轉像

但Internet Explorer中顯示錯誤見下文

添附圖像請幫助我之前遇到過這個問題，有沒有解決方法？好的答案必須明白

來源

2016-11-29 Jishnu V S

我不太明白，什麼是阿拉伯語版本有做你的問題？它在英文版本中工作嗎？還有哪個版本的IE導致了這個問題？另外一些html也會有幫助。 – Esko

任何潛水員可用？ – Yaser

@Esko阿拉伯語版本網站方向不同於英語 –

我得到的答案-ms-linear-gradient和linear-gradient安排從右到左減少％至13

header{ 
    padding:0px 0; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+13,3e6d9f+40 */ 
    background: rgb(255,255,255); /* Old browsers */ 
    background: -moz-linear-gradient(right, rgba(255,255,255,1) 87%, rgba(0,119,159,0.5) 40%) !important; /* FF3.6+ */ 
    background: -webkit-gradient(linear, right top, left top, color-stop(13%,rgba(255,255,255,1)), color-stop(40%,rgba(62,109,159,0.5))) !important; /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(right, rgba(255,255,255,1) 87%,rgba(62,109,159,0.5) 40%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(right, rgba(255,255,255,1) 87%,rgba(62,109,159,0.5) 40%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(right, rgba(255,255,255,1) 13%,rgba(62,109,159,0.5) 40%); /* IE10+ */ 
    background: linear-gradient(to left, rgba(255,255,255,1) 13%,rgba(62,109,159,0.5) 40%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#3e6d9f',GradientType=1); /* IE6-9 */ 
    position:relative; 
    z-index:1; 
}

來源

2016-11-29 16:39:28

的CSS Gradiant無法在Internet Explorer工作，當CSS翻轉

回答

相關問題