文章詳情頁
css3 - 一個關(guān)于CSS雪碧圖的問題
瀏覽:257日期:2023-07-15 18:05:54
問題描述

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

然后彈出.plate-2after中設(shè)置的雪碧圖中的由上往下第二張圖片(下附雪碧圖)

目前可以確定jQuery的寫法沒有問題,問題應(yīng)該是出在CSS代碼上,希望有雪碧圖玩的6的朋友們,幫忙看一下,是哪里需要修改,感謝了!
問題解答
回答1:自己計算容易出錯,利用工具來做,事半功倍
http://www.spritebox.net
希望有所幫助~ :)
回答2:background-position定位錯了。如果你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 這個類里面怎么沒有寫width和height,以及position:absolute;呢
回答4:你這個寫法看不到前面的,連盒子都沒,出圖才怪。
標(biāo)簽:
CSS
相關(guān)文章:
1. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. docker鏡像push報錯4. 前端 - @media query 使用出現(xiàn)的問題?5. 利用IPMI遠程安裝centos報錯!6. html5和Flash對抗是什么情況?7. node.js - mongodb查找子對象的名稱為某個值的對象的方法8. phpstudy8.1沒集成mysql-front9. html - css氣泡,實現(xiàn)“倒三角(不知道算不算三角了)”可透明的。10. 運行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備