国产aⅴ精品一区,亚洲xx性xx?xx,在线观看国产精品va

這是一個(gè)很簡(jiǎn)單的應(yīng)用，不過(guò)在設(shè)計(jì)中，這樣做可以減輕服務(wù)器的壓力，是請(qǐng)求次數(shù)減少，是一個(gè)不錯(cuò)的方法。
特別要說(shuō)明的是，在這種小圖片上即使是兩張圖片其實(shí)就響應(yīng)時(shí)間來(lái)說(shuō)也慢不了多少，不過(guò)有一個(gè)問(wèn)題，就是兩張圖片交替時(shí)容易出現(xiàn)背景圖片從新加載而導(dǎo)致很段時(shí)間不顯示的效果。（時(shí)間長(zhǎng)短視服務(wù)器的響應(yīng)速度和圖片大小而變化）

下面是css的部分：

body {
  font-family: "Lucida Sans", "Lucida Sans Unicode";
  font-size: 14px;
  line-height: 24px;
}
ul {
  list-style-type: none;
}
li {
  float: left;

}
a{
  background-image: url(bg.gif);
  height: 26px;
  background-position: 53px 0px;
  display: block;
  margin-right: 10px;
  width: 53px;
  text-align: center;
  color: #333333;
}

li a:link {
  text-decoration: none;
}
li a:visited {
  text-decoration: none;
}
li a:hover {
  text-decoration: none;
  background-position: 0 0px;//在這里規(guī)定從某一坐標(biāo)開始顯示圖片}

從上面的代碼不難看出，這里面起決定性作用的是

background-position:* *px;

這樣，在復(fù)雜的css應(yīng)用中，我們便可以解決背景圖片從新加載的問(wèn)題

您可能感興趣的文章:

CSS圓角區(qū)塊容器生成器
CSS實(shí)現(xiàn)光滑圓角效果
用js實(shí)現(xiàn)CSS圓角生成更新
用js實(shí)現(xiàn)的抽象CSS圓角效果!!
純CSS生成抗鋸齒圓角的代碼
提取自百度有啊的css圓角效果
CSS+Jquery實(shí)現(xiàn)頁(yè)面圓角框方法大全
JS+CSS實(shí)現(xiàn)可拖拽的漂亮圓角特效彈出層完整實(shí)例
jQuery+html5+css3實(shí)現(xiàn)圓角無(wú)刷新表單帶輸入驗(yàn)證功能代碼
js+css實(shí)現(xiàn)的圓角邊框TAB選項(xiàng)卡滑動(dòng)門代碼分享（2款）
JS+CSS實(shí)現(xiàn)自適應(yīng)選項(xiàng)卡寬度的圓角滑動(dòng)門效果
JS+CSS實(shí)現(xiàn)的經(jīng)典圓角下拉菜單效果代碼
CSS 使用Sprites技術(shù)實(shí)現(xiàn)圓角效果

標(biāo)簽：濰坊深圳玉樹大同石家莊昭通濰坊商洛

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《css Sprites小實(shí)例代碼》，本文關(guān)鍵詞 css,Sprites,小,實(shí)例,代碼,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。