脚本宝典收集整理的这篇文章主要介绍了宽高自适应的九宫格背景图片切割分析,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
在
原来的
宽高自适应的九宫格基础上做了一些优化,把八个背景图请求
改为一个,以降低网络
成本。其实这也只是一些
简单的小技巧,在切图方面会比较严紧有1px的不对称就会出问题,请留意下面例子的切割分析。
RAR:
module.zip
制作说明:
图片切割分析
重点在于使用局部透明的背景图,以及为每个自适应延伸的XHT
ML部分多添加一个<SPAN>标签读取背景,以错位的形式补上左右或上下的延伸背景。为解决IE未能高度100%问题,左右延伸高度写了3000px
绝对值单位(根据需求
调整)。
缺点:
背景图片必需透明所以不能使用
jpg格式图片。(但愿有强人能解决这问题)
脚本宝典总结
以上是脚本宝典为你收集整理的宽高自适应的九宫格背景图片切割分析全部内容,希望文章能够帮你解决宽高自适应的九宫格背景图片切割分析所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。