2011-12-26 4 views
0

IE8이 그라디언트 배경 + 이미지를 표시하도록하려면 어떻게해야합니까? 이것은 다른 브라우저에서도 가능하지만 IE에서는 작동하지 않습니다. 다른 브라우저에서IE 8. 그래디언트 배경 + 이미지

:

/* Opera */ 
background-image: url(gxt/images/my/eye.png) , -o-linear-gradient(top, #FFFFFF 0%, #EFCA11 100%); 
/* Webkit (Safari/Chrome 10) */ 
background-image:url(gxt/images/my/eye.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EFCA11)); 
+1

다른 브라우저에서 그 일을하는 방법 : – keyboardP

+0

예 :/* Opera */ \t 배경 이미지 : url (gxt/images/my/eye.png), -o 선형 그라데이션 (위쪽, #FFFFFF 0 %, # EFCA11 100 %); /* Webkit (Safari/Chrome 10) */ \t 배경 이미지 : url (gxt/images/my/eye.png), -webkit-gradient (선형, 왼쪽 위, 왼쪽 아래, 컬러 스톱 , #FFFFFF), 컬러 스톱 (1, # EFCA11)); – MyTitle

답변

3

는 내 질문에 대한 답을 찾았나요?
1

IE8은 CSS 그라데이션을 지원하지 않습니다 (그래서이 작동하지 않습니다). IE9는 내가 기억하는 한 제한적으로 지원하고 있으며 IE10은 완전한 지원을 제공 할 것입니다. 당신이 무엇을하려고하는지 잘 모르겠지만 그라데이션이있는 배경 이미지를 앞이나 뒤에 넣고 싶다면 두 이미지를 쌓아 올리는 방법 (그라디언트를 사용하는 방법과 실제 배경을 사용하는 방법)과 두 가지를 병합하는 방법 하나의 이미지로?

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EFCA11",GradientType=0), progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gxt/images/my/eye.png"); 
+1

흠, IE8 지원 그라디언트. 필터 : progid : DXImageTransform.Microsoft.gradient (startColorstr = '# FFFFFF', endColorstr = '# EFCA11'), url (gxt/images/my/eye.png); – MyTitle

+0

CSS 그레디언트가 아닙니다 (물론 CSS를 통해 사용할 수 있지만 실제 CSS 그래디언트는 사용할 수 없습니다). 또한 그들이 정확히 원어민과 똑같이 행동하는지 확실하지 않습니다. – Mario