作者piligo (霹雳狗)
看板Web_Design
标题[请益] CSS设计同一张图片变化效果问题
时间Fri Jul 6 15:40:23 2007
他的效果是透过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
1F：推 GcB:没 a:hover 的吗= =? 07/06 15:47
2F：推 edl2000:他要表达的是同一张图片,透过滑鼠移上去会产生图片位移 07/06 16:24
4F：→ edl2000:上面网址就是教学与效果 07/06 16:25
5F：推 piligo:谢谢提供教学 但您提供的也是有我提到第二点的问题 07/06 17:28
6F：→ piligo:在位移时他图片都会从新下载 真困扰 07/06 17:31
7F：推 piligo:奇怪了 教学的样本没有这个状况@@ 跟我把CSS外部连结有关吗 07/06 17:48
8F：推 Allenguy:我用这招 不会重新下载 07/06 19:00
9F：推 eagen0828:CSS外连没有这个问题..因为我用外连做过一样的效果 07/07 12:06