Css 如何让div扩展过去的浮动图像

嘿，当我做一个向左或向右浮动的文本时，我正在尝试获得我在CSS中创建的不透明度，以扩展到我的图像的底部

CSS

.gamebackground {
  border-bottom-right-radius: 50px 50px;
  position:absolute;
  top:0px;
  left:0px;
  width:80%;
  height:10%;
  background-color:Black;
  z-index:1;
  /* These three lines are for transparency in all browsers. */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity:.5;
}

HTML

<div class="gamebackground"></div>
<img src="images/download.jpg"width=50% class="floatRight">
  text
</div>

文本

---

我是几年前做的，但我已经忘记了，如果你能帮我，我将不胜感激！谢谢

你的意思是把

放在图像和文本之前吗？是的，只是把背景放在文本后面。抱歉，伙计们终于弄明白了。内容{位置：绝对；颜色：白色；z索引：5；填充：15px；背景色：rgba（0,0,5,0.5）；}很高兴你弄明白了！既然你自己解决了这个问题，你应该把有用的东西（最好有一些解释）作为答案贴出来，然后接受它。它让其他人更容易找到，比评论更突出，而且额外的代表不会有什么坏处；）