[CSS]如何保留背景圖片隱藏前景圖片

看板Web_Design作者 (TTT)時間16年前 (2009/07/06 19:50), 編輯推噓7(7推 0噓 7→)
留言14則, 6人參與, 最新討論串1/1
目前狀況是這樣的 有一張前景圖片是不能變動的，我希望能把前景圖片隱藏起來， 用背景的圖片取代它的位置。 如果使用display:none的話會連背景也一起消失 用padding把前景圖片頂走又會造成欄位變形... 想請教一下有沒有可行的方法。非常感謝！ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 118.165.224.213 ※ 編輯: grahf 來自: 118.165.224.213 (07/06 19:50)
推
07/06 20:01, , 1F
你指的前景圖片是HTML裡的<img />還是寫在css的圖片?
07/06 20:01, 1F
→
07/06 20:03, , 2F
然後要背景圖是要加在 <img />的背後嗎?
07/06 20:03, 2F
推
07/06 20:06, , 3F
聽不太懂w
07/06 20:06, 3F
推
07/06 20:08, , 4F
visibility:hidden;是要問這個嗎?
07/06 20:08, 4F
→
07/06 20:33, , 5F
to ateclean:是<img>，背景圖片是用background-image寫在
07/06 20:33, 5F
→
07/06 20:35, , 6F
<img>標籤裡。說明不清楚的地方請多包涵。<(_ _)>
07/06 20:35, 6F
推
07/06 20:40, , 7F
img外面包一個span或div
07/06 20:40, 7F
推
07/06 21:13, , 8F
這樣似乎也不需要用到img了，除非那個img有存在的必要
07/06 21:13, 8F
推
07/06 22:52, , 9F
用#img .front{前景圖; display:none;}
07/06 22:52, 9F
→
07/06 22:53, , 10F
#img .back{背景圖;}試試看
07/06 22:53, 10F
推
07/07 01:16, , 11F
那張圖片用 pixel 1x1 的透明圖片
07/07 01:16, 11F
→
07/07 01:16, , 12F
然後忘了用啥語法填滿 還是設定啥 transform 忘了 = = "
07/07 01:16, 12F
→
07/07 17:01, , 13F
樓上的 原po好像是說了前景圖沒法動@@
07/07 17:01, 13F
→
07/07 23:45, , 14F
感謝各位熱心幫忙!
07/07 23:45, 14F
‣ 更多 grahf 的文章
文章代碼(AID): #1AKUJuuW (Web_Design)