배경 이미지 및 선형 그라디언트

Question

배경 이미지가 오른쪽 상단에 있고 배경색이 나머지 부분 인 div가 있는데, 색상 대신 선형 그래디언트를 사용할 수 있습니까?

Answer 1

예, 가능합니다. 다음 스타일 정의를 사용할 수 있습니다.

background-image: url(/images/mybg.png) top right, linear-gradient(top, #444444, #999999); 

또한 크로스 브라우저 호환 솔루션에 대해서는이 게시물을 참조하십시오.

Answer 2

그라디언트 비트 맵을 만들고 얇은 슬라이스를 잘라서 배경 이미지로 사용할 수도 있습니다. 아래에서 왼쪽에서 오른쪽으로 혼합 된 것보다가는 수평 이미지가 있습니다. 수직으로 반복됩니다.

style="width: 110px; background-image: url(BlendLeft.ico); 
       background-repeat: repeat-y;