[請益] CSS設計同一張圖片變化效果問題

看板Web_Design作者 (霹靂狗)時間19年前 (2007/07/06 15:40), 編輯推噓6(603)
留言9則, 5人參與, 最新討論串1/3 (看更多)
他的效果是透過nav.gif這張圖做變化,nav.gif是一張10x82大小的漸層圖, 這張圖高度從0~41是一個漸層色,42~82又是另一個漸層色,當滑鼠沒touch 到,他是呈現0~41這個漸層,當滑鼠touch到他會顯示42~82這個範圍的漸層 。 第一個問題是這是什麼原理,底下的語法全部都改過了,雖然有變化,但 還是看不出關鍵點在哪裡 第二個問題是這個效果有個缺點,當touch到有套這個特效的點,nav.gif 都會從新下載一次,雖然圖檔不大,但當有套特效是一整排的連結,這樣 滑鼠移過去就好玩了,這有解決辦法嗎? 謝謝 效果語法 .navigation { background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px; border-top: 1px solid #996; } .navigation a { background: #FFF url(img/nav.gif) repeat-x; border-right: 1px solid #C9C6B3; color: #553; float: left; font: bold 1em Tahoma,sans-serif; padding: 0 14px; line-height: 41px; text-align: center; text-decoration: none; } -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.69.40.253

07/06 15:47, , 1F
沒 a:hover 的嗎= =?
07/06 15:47, 1F

07/06 16:24, , 2F
他要表達的是同一張圖片,透過滑鼠移上去會產生圖片位移
07/06 16:24, 2F

07/06 16:25, , 4F
上面網址就是教學與效果
07/06 16:25, 4F

07/06 17:28, , 5F
謝謝提供教學 但您提供的也是有我提到第二點的問題
07/06 17:28, 5F

07/06 17:31, , 6F
在位移時他圖片都會從新下載 真困擾
07/06 17:31, 6F

07/06 17:48, , 7F
奇怪了 教學的樣本沒有這個狀況@@ 跟我把CSS外部連結有關嗎
07/06 17:48, 7F

07/06 19:00, , 8F
我用這招 不會重新下載
07/06 19:00, 8F

07/07 12:06, , 9F
CSS外連沒有這個問題..因為我用外連做過一樣的效果
07/07 12:06, 9F
文章代碼(AID): #16ZV7eA3 (Web_Design)
文章代碼(AID): #16ZV7eA3 (Web_Design)