css - 使用 CSS 在图像上布局图像

标签 css layout

我有一个图像,我想在其上放置其他图像。例如篮球场上的球员

使用 CSS 执行此操作的最佳方法是什么,我很想使用表格执行此操作,但担心可能有更好的解决方案

最佳答案

如果你使用 table ,我会阉割你:)

div 和 CSS 也是如此:

HTML:

<div id="bb-court">
<div id="player-1">
</div>
</div>

CSS:

#bb-court {
    z-index:1;
}

#player-1 {
    z-index:2;
    background-image: url();
    position: absolute;
    margin: top right bottom left; /* All with reference to parent */
}

关于css - 使用 CSS 在图像上布局图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5284907/

相关文章:

css - 为什么不对作为页面内容的较大图像进行 sprite?

影响外部 <div> 的 CSS margin-top

iphone - -sizeWithFont 在设备上的功能不同

android - 如何让父 View 处理所有的OnClick事件?

grails - grails header 标题不适用于布局-sitemesh和布局

Java 防止按钮在图标更改时调整大小

html - 如何使设置的图像切片左、中、右并排并根据内容增长?

css - IMAGE MAPS 和 CSS SPRITES 之间的区别

javascript - CSS div flip 仅在第一次工作

javascript - jQuery 隐藏元素和自由空间