作者lOlOlOlOlOlO (二进位)
看板Web_Design
标题[请益] css的position问题...
时间Fri Jun 28 12:14:26 2013
在下CSS新手 如有打扰请见谅
请问各位前辈关於position的问题
我想要在一张图上面 叠上许多icon
图本身是固定在网页中的一个div
而图上 要有许多位置可能会重叠的icon图
但小弟写出来的结果是，icon会叠在图上面
但是第二个icon则会以第一个icon底下位置开始计算，而不会重叠
想请教各位前辈帮忙，谢谢
HTML如下
<div style="position: absolute;"><img src=底图.jpg></div>
<div class="manyicon" style="top: 10px;left: 10px;"></div>
<div class="manyicon" style="top: 20px;left: 20px;"></div>
<div class="manyicon" style="top: 30px;left: 30px;"></div>
CSS如下
.manyicon { position: relative;background-image:url(icon.png);}
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 118.163.121.190
1F：推 DongFeng:把大图为底小图位主会不会比较容易理解? 06/28 12:38
2F：→ DongFeng:background-image position:relative position:absolute 06/28 12:39
3F：→ lOlOlOlOlOlO:对调後,小图都可以重叠了,但小图都跑出画面了... 06/28 12:44
5F：→ lOlOlOlOlOlO:成功了, 谢谢 原来是把div包起来即可,谢谢 06/28 12:48