成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

css3 - 一個(gè)關(guān)于CSS雪碧圖的問(wèn)題

瀏覽:146日期:2023-07-15 18:05:54

問(wèn)題描述

css3 - 一個(gè)關(guān)于CSS雪碧圖的問(wèn)題

第二個(gè)CSS屬性.plate-2after,使用的是雪碧圖,position定位,效果應(yīng)該是鼠標(biāo)移到下圖3.23-3.30新東方模考那個(gè)帳篷上,

css3 - 一個(gè)關(guān)于CSS雪碧圖的問(wèn)題

然后彈出.plate-2after中設(shè)置的雪碧圖中的由上往下第二張圖片(下附雪碧圖)css3 - 一個(gè)關(guān)于CSS雪碧圖的問(wèn)題

css3 - 一個(gè)關(guān)于CSS雪碧圖的問(wèn)題

目前可以確定jQuery的寫(xiě)法沒(méi)有問(wèn)題,問(wèn)題應(yīng)該是出在CSS代碼上,希望有雪碧圖玩的6的朋友們,幫忙看一下,是哪里需要修改,感謝了!

問(wèn)題解答

回答1:

自己計(jì)算容易出錯(cuò),利用工具來(lái)做,事半功倍

http://www.spritebox.net

希望有所幫助~ :)

回答2:

background-position定位錯(cuò)了。如果你css中引用的sprite.png是第三張圖,.plate-2after是為了顯示文字部分的那張圖。那么你想顯示的位置就在0 0 的地方。.plate-2after的寬度高度設(shè)置好182*108以后。關(guān)于位置部分的css應(yīng)該是 background:URL(sprite.png) no-repeat 0 0;

第一次回答問(wèn)題,有表述不清的地方望見(jiàn)諒。:-D

回答3:

.plate-2after 這個(gè)類里面怎么沒(méi)有寫(xiě)width和height,以及position:absolute;呢

回答4:

你這個(gè)寫(xiě)法看不到前面的,連盒子都沒(méi),出圖才怪。

標(biāo)簽: CSS
相關(guān)文章: