CSS Background RGBA & BG Image

У меня проблема с моим CSS. Я хочу сделать левый раздел моего сайта прокруткой.CSS Background RGBA & BG Image

Как вы можете видеть ниже, RGBA перекрывает всю страницу, но я хочу, чтобы она перекрывала только фоновое изображение. То же самое касается gridtile (наложение изображения).

Это можно сделать?

Я думаю об этом эффекте с HTML, если это невозможно сделать с помощью CSS. Я бы хотел, чтобы некоторые были лучше: CSS или HTML. Потому что я хочу, чтобы это было удобно для мобильных устройств.

body { 
 
\t background:linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),url("http://i.stack.imgur.com/gP9FG.png") fixed,url("http://placehold.it/180x50") fixed repeat-y; 
 
}

источник

2016-07-13 J. Doe

Можете ли вы опубликовать фотографию о том, что происходит сейчас, и каков ваш желаемый эффект? – Adjit

@Adjit Фрагмент - проблема на самом деле, наложение RGBA и изображение должны быть накладываемы на фоновое изображение, но накладываются на всю страницу. Я выложу pic, чтобы объяснить это больше. –

О, это очевидно, потому что вы устанавливаете его в 'body' - если вы хотите иметь отдельные фоны, вам нужно будет установить его' div ' – Adjit

Для CSS, я создал DIV и добавил тот же самый точный CSS, используемый в фрагменте ответы на этот DIV.

Для HTML в WordPress тему ребенка, я создал это решение:

Добавьте это в functions.php:

function before_end_func() { 
    echo '<div class="sidebg"></div>'; 
} 
add_action('before_end', 'before_end_func');

Затем добавить к вашей footer.php вашей рамки/основной темы до </body>:

do_action('before_end');

Обратите внимание, что вам нужно добавлять его каждый раз, когда разработчики обновляют свою фреймворк/тему.

источник

2016-07-13 23:47:52

CSS Background RGBA & BG Image

ответ

Смежные вопросы