css3 - 一個(gè)關(guān)于CSS雪碧圖的問題
問題描述
第二個(gè)CSS屬性.plate-2after,使用的是雪碧圖,position定位,效果應(yīng)該是鼠標(biāo)移到下圖3.23-3.30新東方模考那個(gè)帳篷上,
然后彈出.plate-2after中設(shè)置的雪碧圖中的由上往下第二張圖片(下附雪碧圖)
目前可以確定jQuery的寫法沒有問題,問題應(yīng)該是出在CSS代碼上,希望有雪碧圖玩的6的朋友們,幫忙看一下,是哪里需要修改,感謝了!
問題解答
回答1:自己計(jì)算容易出錯(cuò),利用工具來做,事半功倍
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;
第一次回答問題,有表述不清的地方望見諒。:-D
回答3:.plate-2after 這個(gè)類里面怎么沒有寫width和height,以及position:absolute;呢
回答4:你這個(gè)寫法看不到前面的,連盒子都沒,出圖才怪。
相關(guān)文章:
1. python - scrapy url去重2. python執(zhí)行cmd命令,怎么讓他執(zhí)行類似Ctrl+C效果將其結(jié)束命令?3. node.js - 微信小程序websocket連接問題4. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)5. 實(shí)現(xiàn)bing搜索工具urlAPI提交6. Python中使用超長的List導(dǎo)致內(nèi)存占用過大7. ios - 類似微博首頁,一張圖的時(shí)候是如何確定圖大小的?8. python - Django有哪些成功項(xiàng)目?9. 數(shù)據(jù)庫 - Mysql的存儲(chǔ)過程真的是個(gè)坑!求助下面的存儲(chǔ)過程哪里錯(cuò)啦,實(shí)在是找不到哪里的問題了。10. 鏈接圖片時(shí),鏈接不成功
