[請益] CSS設計同一張圖片變化效果問題
他的效果是透過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
07/06 15:47, 1F
推
07/06 16:24, , 2F
07/06 16:24, 2F
→
07/06 16:25, , 3F
07/06 16:25, 3F
→
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
07/06 17:48, 7F
推
07/06 19:00, , 8F
07/06 19:00, 8F
推
07/07 12:06, , 9F
07/07 12:06, 9F
討論串 (同標題文章)
以下文章回應了本文:
完整討論串 (本文為第 1 之 3 篇):
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章