Полупрозрачный цветной слой поверх фонового изображения?

Question

Полупрозрачный цветной слой поверх фонового изображения?

У меня есть DIV, и я хотел бы использовать узор в качестве фона. Это серый узор. Так что, чтобы было немного красивее, я бы хотел наложить светлый прозрачный цветной «слой» поверх. Ниже показано, что я пробовал, но это не сработало. Есть ли способ наложить цветной слой поверх фонового изображения?

Вот мой CSS:

background: url('../img/bg/diagonalnoise.png');
background-color: rgba(248, 247, 216, 0.7);

187

css background-image background-color

задан Duncan Jones 18 September 2018 в 19:26

1 ответ

Другие вопросы по тегам:

css background-image background-color

Похожие вопросы:

score 0 · Answer 1

Другой с SVG как встроенное изображение наложения (примечание: если Вы используете # внутренняя часть svg-код, у Вас есть к urlencode это!):

background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1"><path fill="rgba(255, 255, 255, 0.4)" d="M0 0h1v1H0z"/></svg>')
                no-repeat center center/cover, 
            url('overlayed-image.jpg') no-repeat center center/cover;