登录

css3 - 一个关于CSS雪碧图的问题

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

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

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

# CSS3
天蓬老师天蓬老师2115 天前531 次浏览

全部回复(4) 我要回复

  • 巴扎黑

    巴扎黑2017-04-17 11:35:51

    自己计算容易出错,利用工具来做,事半功倍

    http://www.spritebox.net

    希望有所帮助~ :)

    回复
    0
  • 怪我咯

    怪我咯2017-04-17 11:35:51

    background-position定位错了。如果你css中引用的sprite.png是第三张图,.plate-2after是为了显示文字部分的那张图。那么你想显示的位置就在0 0 的地方。.plate-2after的宽度高度设置好182*108以后。
    关于位置部分的css应该是
    background:URL(sprite.png) no-repeat 0 0;

    第一次回答问题,有表述不清的地方望见谅。:-D

    回复
    0
  • 黄舟

    黄舟2017-04-17 11:35:51

    .plate-2after 这个类里面怎么没有写width和height,以及position:absolute;呢

    回复
    0
  • PHP中文网

    PHP中文网2017-04-17 11:35:51

    你这个写法看不到前面的,连盒子都没,出图才怪。

    回复
    0
  • 取消回复发送