css3 - 一个关于CSS雪碧图的问题
天蓬老师
天蓬老师 2017-04-17 11:33:51
0
4
892

第二个CSS属性.plate-2after,使用的是雪碧图,position定位,效果应该是鼠标移到下图3.23-3.30新东方模考那个帐篷上,

然后弹出.plate-2after中设置的雪碧图中的由上往下第二张图片(下附雪碧图)

目前可以确定jQuery的写法没有问题,问题应该是出在CSS代码上,希望有雪碧图玩的6的朋友们,帮忙看一下,是哪里需要修改,感谢了!

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(4)
巴扎黑

自己計算容易出錯,利用工具來做,事半功倍

http://www.spritebox.net

希望有幫助~ :)

刘奇

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

第一次回答問題,有表述不清的地方望見諒。 :-D

黄舟

.plate-2after 這個類別裡面怎麼沒有寫width和height,以及position:absolute;呢

Ty80

你這個寫法看不到前面的,連盒子都沒,出圖才怪。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!