IE 7 - 9의 선형 그라디언트 배경 - 우수한 라이브러리

확인란에 체크 표시 여부에 따라 확인란과 스타일에 대한 레이블이 있습니다. 지금까지 [selectivizr] 스크립트 1을 사용하여 :selected propperty를 IE7에서 관리하고 있습니다. 그러나 어떻게 든 그라디언트는 IE 7, 8 및 9에서 프로퍼티를 작동하지 않습니다. 밝은 녹색에서 어두운 녹색까지 그라디언트가 있어야하지만 파란색 그라디언트가 나타납니다. 나는이 이상한 행동을 설명 할 수 없다. 아마도 CSS 규칙의 순서와 관련이있다.IE 7 - 9의 선형 그라디언트 배경

 input[type=checkbox]:checked + label { 
     background: #00bf00; 
     background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%); 
     background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%); 
     background: -o-linear-gradient(top, #00bf00 0%, #009400 100%); 
     background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%); 
     background: linear-gradient(top, #00bf00 0%, #009400 100%); 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d',GradientType=0); /* EDIT: UPDATE BELOW:*/ 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bf00', endColorstr='#009400',GradientType=0); 
    }

출처

2013-05-02 abimelex

귀하의 16 진수 값은 IE6-9 부분에 대한 잘못된 :

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bf00', endColorstr='#009400',GradientType=0); /* IE6-9 */

출처

2013-05-02 10:35:14 gaynorvader

덕분에이 내 실수의 일부를 해결, 다른 하나는 연결되었다. 분명히이 IE 필터 똥은 # 222처럼 16 진수 값을 처리 할 수 없다. # 222222로 바꿨다. 지금은 charme처럼 작동한다. – abimelex

IE 7 - 9의 선형 그라디언트 배경

답변

관련 문제