作者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