Html 图像叠加问题

需要一些图像覆盖的帮助。我打了一个手势

div.rss-output{
浮动：左；
宽度：33.333%；
位置：相对位置；
填充：15px！重要；
溢出：隐藏；
}
.rss输出.body{
宽度：100%；
}
.rss输出.overlay提要{
背景：#000无重复滚动0%0%；
z指数：1；
位置：绝对位置；
宽度：100%；
高度：200px；
不透明度：0.5；
}
图像修复分区{
高度：200px；
线高：250px；
溢出：隐藏；
文本对齐：居中；
宽度：100%；
}
分区图像固定img{
利润率：-50%；
}

我不明白为什么覆盖层会覆盖右侧的图像。我尝试过很多事情，但都不走运

谢谢你的帮助

---

提前感谢

添加了

位置：相对到主体，因为，当您使用
位置时：绝对

div.rss-output{
浮动：左；
宽度：33.333%；
位置：相对位置；
填充：15px！重要；
溢出：隐藏；
}
.rss输出.body{
宽度：100%；
位置：相对位置；
}
.rss输出.overlay提要{
背景：#000无重复滚动0%0%；
z指数：1；
位置：绝对位置；
宽度：100%；
高度：200px；
不透明度：0.5；
}
图像修复分区{
高度：200px；
线高：250px；
溢出：隐藏；
文本对齐：居中；
宽度：100%；
}
分区图像固定img{
利润率：-50%；
}
问题在于覆盖宽度

.rss-output .overlay-feed {
    background: #000 none repeat scroll 0% 0%;
    z-index: 1;
    position: absolute;
    width: 89%;
    height: 200px;
    opacity: 0.5;
}

覆盖宽度为89%。
为
添加
位置：相对
。rss输出。正文


div.rss-output{
浮动：左；
宽度：33.333%；
位置：相对位置；
填充：15px！重要；
溢出：隐藏；
}
.rss输出.body{
宽度：100%；
位置：相对位置；
}
.rss输出.overlay提要{
背景：#000无重复滚动0%0%；
z指数：1；
位置：绝对位置；
宽度：100%；
高度：200px；
不透明度：0.5；
}
图像修复分区{
高度：200px；
线高：250px；
溢出：隐藏；
文本对齐：居中；
宽度：100%；
}
分区图像固定img{
利润率：-50%；
}
如果我这样做，覆盖层将位于图像下方，我需要它覆盖图像，并且大小相同。。。
.rss-output .overlay-feed {
    background: #000 none repeat scroll 0% 0%;
    z-index: 1;
    position: absolute;
    width: 89%;
    height: 200px;
    opacity: 0.5;
}