[請益] css的position問題...

看板Web_Design作者 (二進位)時間12年前 (2013/06/28 12:14), 編輯推噓1(104)
留言5則, 2人參與, 最新討論串1/1
在下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

06/28 12:38, , 1F
把大圖為底小圖位主會不會比較容易理解?
06/28 12:38, 1F

06/28 12:39, , 2F
background-image position:relative position:absolute
06/28 12:39, 2F

06/28 12:44, , 3F
對調後,小圖都可以重疊了,但小圖都跑出畫面了...
06/28 12:44, 3F

06/28 12:44, , 4F

06/28 12:48, , 5F
成功了, 謝謝 原來是把div包起來即可,謝謝
06/28 12:48, 5F
文章代碼(AID): #1HpGsa_f (Web_Design)