我想创建像左侧图像，但它显示像右侧视图？

Question

问题是所有css只需要一个div因为主题不允许我在wordpress中创建一个“父子div”

我的代码就像

.bg{
background-repeat: no-repeat;
background-image: url(http://godiaperfree.codelessme.net/wp-content/uploads/2014/06/elimination-communication-photo.jpg) rgba(170,242,114,0.5);;
background-attachment: scroll;
background-position: bottom center;
}


<div class="bg">My text</div>

而且，是否可以在一个div中制作所有css因为主题不允许我在wordpress中创建“父子div”

Answer 1

尝试将文本放在“div”标记之外。如果你把它放在它面前，最好的就是它。

Answer 2

看起来rgba（170,242,114,0.5）导致整个图层变为0.5透明。

删除透明度（改为编辑图像），或将文本放在div外面的图层中，并将其放置在透明图层的顶部（带位置或负边距顶部）。