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

Question

嘿，当我向左或向右浮动文本时，我正在尝试让我在 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>

几年前我做过，但我忘记了，如果你能帮助我，将非常感激！谢谢。