Html CSS背景RGBA&;背景图像

Html CSS背景RGBA&;背景图像,html,css,Html,Css,我的CSS有问题。我想让我的网站左侧部分成为滚动背景 正如您在下面看到的,RGBA与整个页面重叠,但我希望它仅与背景图像重叠。网格图(覆盖图像)也是如此 这可能吗 如果CSS不可能做到这一点,我正在考虑用HTML实现这一效果。我想要一些更好的:CSS或HTML。当然,因为我想保持手机友好 正文{ 背景:线性渐变(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),url(“http://i.stack.imgur.com/gP9FG.png)已修复,url(“http://p

我的CSS有问题。我想让我的网站左侧部分成为滚动背景

正如您在下面看到的,RGBA与整个页面重叠,但我希望它仅与背景图像重叠。网格图(覆盖图像)也是如此

这可能吗

如果CSS不可能做到这一点,我正在考虑用HTML实现这一效果。我想要一些更好的:CSS或HTML。当然,因为我想保持手机友好

正文{
背景:线性渐变(rgba(0,0,0,0.75),rgba(0,0,0,0.75)),url(“http://i.stack.imgur.com/gP9FG.png)已修复,url(“http://placehold.it/180x50)固定重复-y;

}
对于CSS,我创建了一个DIV,并将answers’snippet中使用的CSS添加到该DIV中


对于WordPress子主题中的HTML,我创建了以下解决方案:

将其添加到函数中。php

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

请注意,每次开发人员更新他们的框架/主题时,您都必须添加它。

对于CSS,我已经创建了一个DIV,并向该DIV添加了与answers片段中使用的相同的CSS


对于WordPress子主题中的HTML,我创建了以下解决方案:

将其添加到函数中。php

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

请注意,每次开发人员更新他们的框架/主题时,您都必须添加它。

您可以发布一张现在发生的事情以及您想要的效果的图片吗?@Adjit片段是问题所在。实际上,覆盖RGBA和图像需要覆盖背景图像,但覆盖整个页面。我会贴一张图片来解释更多。哦,这很明显,因为你正在将它设置为
主体
-如果你想有单独的背景,你需要设置它做一些
div
s@Adjit没有div还有别的方法吗?我无法将HTML添加到我的页面,因为我正在使用WordPress子主题。我目前正在尝试使用伪元素。你不能将背景大小设置为图像的大小吗?你能发布一张现在发生的事情和你想要的效果的图片吗?@Adjit片段是问题所在实际上,覆盖RGBA和图像需要覆盖背景图像,但覆盖整个页面。我会贴一张图片来解释更多。哦,这很明显,因为你正在将它设置为
主体
-如果你想有单独的背景,你需要设置它做一些
div
s@Adjit没有div还有别的方法吗?我无法将HTML添加到我的页面,因为我正在使用WordPress子主题。我正在尝试使用伪元素。你不能将背景大小设置为图像的大小吗?