返回列表介绍与使用

JSCompress合并PNG生成CSS Sprite支持:link/:visited/:hover/:active/:before/:after

JSCompress生成的Css Sprite支持有限的伪类(:link/:visited/:hover/:active)及伪元素(:before/:after)


如图:


blob.png


合并后的图片:

blob.png


他们合并后的CSS样式:

blob.png


JSCompress对伪类伪元素的支持与设置无关,他们体现在各自Sprite-Png图片的文件名上。


由于文件名不能含有冒号(:) 所以文件名中封号(;)代表冒号,JSCompress能识别文件名中的以下字符:

;link

;visited

;hover

;active

;before

;after


假如你的hover动作在父元素,需要改变子元素的图片背景,也能轻松定义


blob.png


对应的自动生成的css为

blob.png


是的,你可以在文件名里写css了。


更多了解请访问:使用JSCompress合并PNG生成CSS Sprite

正在提交你的问题或建议,请不要关闭页面.

你的问题或建议已提交成功,感谢你一如既往的支持与关注.
关闭弹窗

点击刷新验证码

确认并提交

QQ交流反馈群:323396003