Фоновые изображения и линейные градиенты

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;