2013-05-29 2 views
0

저는 버튼이 회색이고 버튼 위로 마우스를 가져 가면 파란색으로 변하고 파란색으로 바뀌면 더 어둡게 파란색으로 변합니다.IE의 버튼 색상이 변경되지 않습니다. (배경 이미지 : 선형 그래디언트)

다른 브라우저에서도 작동하지만 IE 용 코드는 알 수 없습니다.

미리 감사드립니다. 여기

#mc_embed_signup .button { 
background-image: linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130, 180)); 
background-image: -o-linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130, 180)); 
background-image: -moz-linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130, 180)); 
background-image: -webkit-linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130,  180)); 
background-image: -ms-linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130, 180)); 


background-image: -webkit-gradient(
linear, 
left bottom, 
left top, 
color-stop(1, rgb(95, 176, 244)), 
color-stop(1, rgb(70, 130, 180)) 
);} 

그리고

버튼에 대한 HTML입니다 :

<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"> 

실제로 http://www.housebuyfast.co.uk의 바닥 글에 살고있어 여기

는 CSS입니다. "Our Mailing List Join Now"아래의 가입 버튼입니다.

+6

당신이 테스트하고 IE의 버전 (들)을 지정하십시오 -이한다 큰 차이. – Spudley

+0

죄송합니다. 버전 10.0.92.00.16576입니다. – Geerodge

+0

IE10에서 작동해야합니다 ... –

답변

2

IE9 및 이전 버전은 표준 CSS 그래디언트를 지원하지 않습니다.

IE10이 IE10을 지원하며 호환성 모드가 아닌 한 IE10에서 정상적으로 작동합니다.

  1. 사용 IE의 독점 -ms-filter 스타일 : 이전 IE9에서 그라디언트를 사용하거나해야하는 경우

    , 당신은 몇 가지 옵션이 있습니다. 이런 식으로 뭔가 :

    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); 
    
  2. CSS3Pie 같은 polyfill 스크립트를 사용합니다. 이렇게하면 이전 IE 버전에서 표준 CSS 그래디언트가 작동합니다.

+0

그 치료 Spudley, 덕분에 많은 일했습니다! :) – Geerodge

0

사용중인 IE 버전이 그래디언트를 지원하지 않기 때문입니다.

더 많은 정보는에서 : 기본적으로 http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx

는 IE10까지 지원되지 않지만 다른 포스터는 지적으로 대안이있다.

+0

추가 정보 주셔서 감사합니다. Michael, 더 자세히 읽어야합니다. 젠장 IE 영원히 :) – Geerodge

0

사용 CSS3PIE을위한 장식 기능을 가장 유용한 CSS3의 여러 렌더링의 인터넷 익스플로러 6-9 할 수 있습니다 http://css3pie.com/

관련 문제