文章详情页
css3 - 一个关于CSS雪碧图的问题
浏览:306日期: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 - 求助这种功能有什么好点的插件?2. python3.x - python多线程如何修改数据?3. java - spring MVC框架Controller层中应该使用StringBuffer还是StringBuilder?4. mysql连表排序5. css3中的 :hover只能应用于a标签不能用于其它标签吗(比如div或li之类的标签)6. java - 接口中的成员变量怎么不是常量了?7. 使用 CSS3 的 Media Query 浏览器会加载其他不同分辨率的 css 文件么8. angular.js - angular-ueditor使用中,插入图片,加载完成后不更新angularmodel的问题;9. node.js - 我是一个做前端的,求教如何学习vue,node等js引擎?10. java enum 变量不能再case里面重复定义?
排行榜

网公网安备