我正在尝试将此销售横幅放置在图像上。红色边框是固定宽度的div,其宽度与我页面布局所需的宽度一样。无论图像的大小是多少,我都需要保持这样的空间。

黑色边框是仅与图片一样宽的div,我正在尝试在图片顶部的右上角显示销售横幅。

示例:http://jsfiddle.net/d5nxT/

我知道我的显示器和位置有些混乱。我只需要图像和销售范围具有相同的设置,除了销售范围浮动在右侧并具有比图像更高的z索引。

最佳答案

参见小提琴和演示:

小提琴:http://jsfiddle.net/d5nxT/2/

演示:http://jsfiddle.net/d5nxT/2/embedded/result/

不需要float:right,z-index,position:relative,display:inline-block。

关于html - CSS帮助将销售横幅定位在图像上,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9876938/

10-12 15:19