IE 10附加CSS

Question

我通過Js添加一個css文件來更改我的MS CRM 2011標題，這對於IE9來說工作正常。

JS：

function ChangeColor() 
{ 
var InternBool= document.getElementById('new_intern'); 
if(InternBool.value == 100000001) 
{ 
var OrgUniqueName= Xrm.Page.context.getOrgUniqueName(); 
filename= OrgUniqueName + "//WebResources//new_Titlebar_Style";     
attachCSS(filename); 
} 
} 

function attachCSS(filename) 
{  
var temp = $('head'); 
$("<link>") 
    .appendTo($('head')) 
    .attr({type : 'text/css', rel : 'stylesheet'}) 
    .attr('href', filename); 
} 

CSS：

.ms-crm-Form-HeaderContainer{ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffB3CAEC, endColorstr=#fff6f8faE); 
} 

我試過幾種方法可以追加孩子，鏈接等，但沒有任何工程。

Answer 1

IE10支持CSS3 gradients並且支持DX*轉換。相反，你可以使用標準的CSS3來做到這一點。像the ultimate CSS gradient generator一個網站可以幫助生成你，你需要（包括所有供應商前綴）的跨瀏覽器CSS，但我敢肯定這是你追求的：

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

剛剛替補相應的啓動/高端顏色