html - 在图像上重叠文本

Question

好的，所以我正在开发我的第一个网站，并且正在使用在网络上找到的模板。页面分为 2 列，带有 div 标签。在左侧我有文本，在右侧我有形成幻灯片的图像。我想修改文本 div 以便它可以覆盖透明框中的图像...帮助！:)

这是侧边栏和内容 div 的 CSS 文件中的代码

#sidebar_container { 
  float: right;
  width: 450px;
  padding: 0;
  height: 450px;
}

#content { 
  text-align: left;
  margin: 0 0 0 0;
  float: left; position: absolute
  padding: 0 20px 20px 20px;

Answer 1

要使 div 首先重叠，两个 div 的容器应该有一个相对位置，其中 1 个至少应该有一个绝对位置，例如，如果一个向右浮动，第二个应该有position:absolute;right:0px; 或两者都是绝对位置，具有相同/重叠的定位尺寸 + 1 div可以是浮动的或有一个位置，浮动和位置选项不能一起工作