Html Div不是透明的。内部的文本是透明的。这可能吗？怎么做？

这就是我想做的

请帮帮我，我想这可能不起作用，或者只是不够做

---

-webkit文本填充颜色：透明我知道最好的方法是在容器元素和包含文本的元素上设置相同的背景。在本例中，半透明黑色背景需要一个中间包含元素。以下是我的想法：


div，
边跨{
背景图片：url(http://lorempixel.com/400/400/nature);
}
div{
宽度：400px；
高度：400px；
}
旁白{
背景：rgba（0,0,0,0.7）；
宽度：400px；
高度：200px；
}
边跨{
显示：块；
字号：3em；
字体系列：arial；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
}

这里有一些文字
我知道最好的方法是在容器元素和包含文本的元素上设置相同的背景。在本例中，半透明黑色背景需要一个中间包含元素。以下是我的想法：


div，
边跨{
背景图片：url(http://lorempixel.com/400/400/nature);
}
div{
宽度：400px；
高度：400px；
}
旁白{
背景：rgba（0,0,0,0.7）；
宽度：400px；
高度：200px；
}
边跨{
显示：块；
字号：3em；
字体系列：arial；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
}

这里有一些文字
我知道最好的方法是在容器元素和包含文本的元素上设置相同的背景。在本例中，半透明黑色背景需要一个中间包含元素。以下是我的想法：


div，
边跨{
背景图片：url(http://lorempixel.com/400/400/nature);
}
div{
宽度：400px；
高度：400px；
}
旁白{
背景：rgba（0,0,0,0.7）；
宽度：400px；
高度：200px；
}
边跨{
显示：块；
字号：3em；
字体系列：arial；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
}

这里有一些文字
我知道最好的方法是在容器元素和包含文本的元素上设置相同的背景。在本例中，半透明黑色背景需要一个中间包含元素。以下是我的想法：


div，
边跨{
背景图片：url(http://lorempixel.com/400/400/nature);
}
div{
宽度：400px；
高度：400px；
}
旁白{
背景：rgba（0,0,0,0.7）；
宽度：400px；
高度：200px；
}
边跨{
显示：块；
字号：3em；
字体系列：arial；
-webkit背景剪辑：文本；
-webkit文本填充颜色：透明；
}

这里有一些文字
答案是我的1+，但由于我希望背景完全独立于文本，我提出了这个简单的解决方案以及如何“绕过问题”

与在div中生成文本不同，我将使GIF图像变大，其中某些像素将是透明的（或实际上不存在）。
答案是，1+来自我，但由于我希望背景与文本完全独立，我提出了这个简单的解决方案以及如何“绕过问题”

与在div中生成文本不同，我将使GIF图像变大，其中某些像素将是透明的（或实际上不存在）。
答案是，1+来自我，但由于我希望背景与文本完全独立，我提出了这个简单的解决方案以及如何“绕过问题”

与在div中生成文本不同，我将使GIF图像变大，其中某些像素将是透明的（或实际上不存在）。
答案是，1+来自我，但由于我希望背景与文本完全独立，我提出了这个简单的解决方案以及如何“绕过问题”

与在div中生成文本不同，我将使GIF图像变大，其中某些像素将是透明的（或实际上不存在）。
可能重复@emmanuel该问题完全不同，以防万一-您是否使用
位置
？#说明{光标：默认值；位置：固定；宽度：100%；高度：88%；z索引：1；不透明度：0.5；背景色：黑色；字体大小：0.03rem；-webkit文本填充颜色：透明；}-moz文本填充颜色：透明；-ms文本填充颜色：透明；-o-text-fill-color:透明；文本填充颜色：透明；在记事本++中显示为红色，因此我感觉我完全走错了方向@emmanuel可能重复该问题完全不同以防万一-您是否使用了
位置
？#说明{光标：默认值；位置：固定；宽度：100%；高度：88%；z索引：1；不透明度：0.5；背景色：黑色；字体大小：0.03rem；-webkit文本填充颜色：透明；}-moz文本填充颜色：透明；-ms文本填充颜色：透明；-o-text-fill-color:透明；文本填充颜色：透明；在记事本++中显示为红色，因此我感觉我完全走错了方向@emmanuel可能重复该问题完全不同以防万一-您是否使用了
位置
？#说明{光标：默认值；位置：固定；宽度：100%；高度：88%；z索引：1；不透明度：0.5；背景色：黑色；字体大小：0.03rem；-webkit文本填充颜色：透明；}-moz文本填充颜色：透明；-ms文本填充颜色：透明；-o-text-fill-color:透明；文本填充颜色：透明；在记事本++中显示为红色，因此我感觉我完全走错了方向@emmanuel可能重复该问题完全不同以防万一-您是否使用了
位置
？#说明{光标：默认值；位置：固定；宽度：100%；高度：88%；z索引：1；不透明度：0.5；背景色：黑色；字体大小：0.03rem；-webkit文本填充颜色：透明；}-moz文本填充颜色：tra