IE 10 Прикрепить CSS

Question

Я меняю заголовок MS CRM 2011, добавляя файл css через Js, и это отлично работает для 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 */ 
} 

Просто замените соответствующий старт/конец цвета