文章詳情頁
css3 - 一個關于CSS雪碧圖的問題
瀏覽：263日期：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. javascript - immutable配合react提升性能？2. javascript - sublime快鍵鍵問題3. 如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？4. javascript - 移動端上不能實現拖拽布局嗎？5. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化6. 實現bing搜索工具urlAPI提交7. index.php錯誤，求指點8. thinkPHP5中獲取數據庫數據后默認選中下拉框的值，傳遞到后臺消失不見。有圖有代碼，希望有人幫忙9. angular.js - 單頁應用（ng/vue）該如何監聽用戶離開當前頁面（或者路由）？10. javascript - ios返回不執行js怎么解決？
排行榜
網公網安備