文章詳情頁
css3 - 一個關于CSS雪碧圖的問題
瀏覽:148日期:2023-07-15 18:05:54
問題描述
第二個CSS屬性.plate-2after,使用的是雪碧圖,position定位,效果應該是鼠標移到下圖3.23-3.30新東方模考那個帳篷上,
然后彈出.plate-2after中設置的雪碧圖中的由上往下第二張圖片(下附雪碧圖)
目前可以確定jQuery的寫法沒有問題,問題應該是出在CSS代碼上,希望有雪碧圖玩的6的朋友們,幫忙看一下,是哪里需要修改,感謝了!
問題解答
回答1:自己計算容易出錯,利用工具來做,事半功倍
http://www.spritebox.net
希望有所幫助~ :)
回答2:background-position定位錯了。如果你css中引用的sprite.png是第三張圖,.plate-2after是為了顯示文字部分的那張圖。那么你想顯示的位置就在0 0 的地方。.plate-2after的寬度高度設置好182*108以后。關于位置部分的css應該是 background:URL(sprite.png) no-repeat 0 0;
第一次回答問題,有表述不清的地方望見諒。:-D
回答3:.plate-2after 這個類里面怎么沒有寫width和height,以及position:absolute;呢
回答4:你這個寫法看不到前面的,連盒子都沒,出圖才怪。
標簽:
CSS
相關文章:
1. 前端 - CSS3問題:請問-webkit-background-clip屬性,需要寫在background屬性后面嗎?2. angular.js - angular里的ui-view里,獲取當前頁面的狀態參數用$state.params,在vue里類似的語法是什么呢?3. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量4. 微信開放平臺 - ios APP能不能打開微信然后通過微信跳轉到指定的URL?5. 淺談vue生命周期共有幾個階段?分別是什么?6. node.js - nodejs+express+vue7. Mysql啟動發生系統錯誤10678. nginx - vue-cli生成的項目打包發到服務器后怎么代理api?9. html5 - h5+中webview的show方法有延遲10. 大家好,我想請問一下怎么做搜索欄能夠搜索到自己網站的內容。
排行榜
