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

그냥 적절한 시작을 대체/끝 색깔