CSS3 선형 그라디언트 및 Opera?

Question

Opera 브라우저는 선형 그래디언트를 지원합니까? 구문이란 무엇입니까? 감사합니다.

Answer 1

아니요, Oper는 CSS3의 선형 그래디언트를 지원하지 않습니다. 그러나 svg을 배경으로 사용할 수 있습니다. 그라디언트가있는 간단한 svg 파일의 내용은 다음과 같습니다.

<svg xmlns="http://www.w3.org/2000/svg" version="1.0"> 
    <defs> 
     <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="100%"> 
      <stop offset="0%" style="stop-color: #9c0000;"/> 
      <stop offset="100%" style="stop-color: #590000;"/> 
     </linearGradient> 
    </defs> 

    <rect x="0" y="0" fill="url(#gradient)" width="100%" height="100%" /> 
</svg> 

Answer 2

아니요,하지만 곧 발표 될 예정입니다. 내 추측은 3 월이 될 것입니다.

Answer 3

아니요.하지만 가장 좋은 해결책은입니다. 이동은 포토샵

는 방향을 말할 수 무엇에 큰 엉덩이 그라데이션을 2560px X 20 픽셀

사용하는 JPG로 "웹 사이트에 대한 저장"을 사용하여 품질의 % 대신 2560px X x 1 픽셀로 저장합니다.

1px 너비/높이를 늘리려면 반복이 필요하며 repeat-x 또는 repeat-y가있는 배경 이미지로 사용하십시오. 그러면 KiloByte 또는 2가 거의 들지 않을 것입니다.

Answer 4

2011 년 8 월 의 경우 Opera는 선형 그래디언트를 지원합니다.

Gradients in Internet Explorer 9에서 사용 방법을 확인할 수 있습니다.

간단히 :

/* Opera */ 
background-image: -o-linear-gradient(top, #444444 0%, #999999 100%); 

가 당신을 도움이되기를 바랍니다.