필터 및 배경 이미지 함께

IE8 & IE9에서 "정상적으로"저하되는 단추에 그라디언트 효과를 만들려고합니다. 나는 광택있는 그라데이션 단추를 사용했습니다. IE9에서 동일한 광택 모양과 느낌을 얻으려면 SVG 배경 이미지를 사용하고 있습니다. IE8의 경우 광택을 풀고 기본 2 스톱 그라데이션을 고수하기로 결정했습니다. 문제는 광고를 작성하는 즉시 IE9에서 배경보다 우선 순위를 취하는 것입니다. 이 문제를 해결할 수있는 방법이 있습니까? 다음은 IE8에 대한 CSS 해킹을 사용할 수있는 CSS필터 및 배경 이미지 함께

input[type="button"], input[type="submit"], input[type="reset"], button { 
    padding: 3px 10px 3px 10px; 
    margin: 0; 
    border: none; 
    color: white; 
    outline: 0; 
    font-size: 0.875em; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    overflow: visible; 
    width: auto; 
    background: #094fa4; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ee5', endColorstr='#094fa4',GradientType=0); 
    background-image: url(../images/btn.svg); 
    background: -moz-linear-gradient(top, #2261ad 0%, #2261ad 50%, #094fa4 50%, #094fa4 100%); 
    background: -webkit-linear-gradient(top, #2261ad 0%, #2261ad 50%, #094fa4 50%, #094fa4 100%); 
    background: -ms-linear-gradient(top, #2261ad 0%, #2261ad 50%, #094fa4 50%, #094fa4 100%); 
    /*background:linear-gradient(to bottom, #2261ad 0%, #2261ad 50%, #094fa4 50%, #094fa4 100%);*/ 
    border-top: 1px solid #4379B9; 
    border-bottom: 1px solid #08438C; 
    border-radius: 4px; 
    cursor: pointer; 
    }

출처

2012-08-08 Sakie

입니다. 다음과 같이 쓰기 :

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ee5', endColorstr='#094fa4',GradientType=0)\9; //for IE8 & below. 
background-image: url(../images/btn.svg);

가이 더 읽기 http://www.gravitationalfx.com/css-hacks-for-ie-targeting-only-ie8-ie7-and-ie6/

또는

당신은 당신의 응답을 다른 브라우저 http://www.quirksmode.org/css/condcom.html

출처

2012-08-08 10:03:33 sandeep

많은 감사를위한 조건부 주석을 사용할 수 있습니다. 필터 문장은 IE9에서 잘 전달되었지만 필터 구문은 IE8에서 작동하지 않으므로 쓸모 없게되었습니다. IE9의 다른 브라우저 모드를 사용하고 있습니다. 나는 IE 테스터에서도 시도해 본 결과 IE8과 IE9 모두에서 필터 구문을 사용하는 다른 방법이있다. – Sakie

필터 및 배경 이미지 함께

답변

관련 문제