Html 我想创造像左边的图像，但它显示像右边的看法？

问题是所有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>

.bg{
背景重复：无重复；
背景图片：url(http://godiaperfree.codelessme.net/wp-content/uploads/2014/06/elimination-communication-photo.jpg)rgba（170242114,0.5）；；
背景附件：滚动条；
背景位置：底部中心；
}
我的文字

---

而且，因为主题不允许我在wordpress中创建“父-子div”，所以可以将所有css放在一个div中尝试将文本放在“div”标记之外。最好是将它放在它前面。

看起来rgba（170242114,0.5）使整个层变得0.5透明

---

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

嗨，Richard，谢谢你的回复，这是我无法接受的两个选项。。还有其他选择吗？为什么你不能接受它们？无法编辑图像，因为我的客户特别告诉我使用css，而对于其他选择，我必须提供负边距，这将破坏响应结构。不编辑图像的原因是什么？您可以使用PHP生成50%透明版本的图像，因此不必接触原始图像。您可以只在div中放置一个span，从div中移除不透明度并将其放置在span上，然后正确定位所有内容，这样比使用另一个占用更多带宽的图像工作得更好。。。现在你接受另一个答案为时已晚，但举个例子：