当前位置:首页 >> 

宽高自适应的九宫格背景图片切割分析

来源: 本站原创 字体:[ ] 我要投稿

  

        在原来的宽高自适应的九宫格基础上做了一些优化,把八个背景图请求改为一个,以降低网络成本。其实这也只是一些简单的小技巧,在切图方面会比较严紧有1px的不对称就会出问题,请留意下面例子的切割分析。

 制作说明:

 图片切割分析

        重点在于使用局部透明的背景图,以及为每个自适应延伸的XHTML部分多添加一个标签读取背景,以错位的形式补上左右或上下的延伸背景。为解决IE未能高度100%问题,左右延伸高度写了3000px绝对值单位(根据需求调整)。

         缺点: 背景图片必需透明所以不能使用JPG格式图片。(但愿有强人能解决这问题)

上一页:css网页制作实用技巧9则
下一 页:目前流行的界面设计的十条规则
关于我们 - 网 站地图 - 友情连接 - 登陆投稿 - 版权声明 - 广告服务 - 联系我们 - 留言本
Copyright © 2008-2009 Www.999net.Com All Rights Reserved
E-mail:WebMaster@999net.com
Powered BY 中国站长网 - 草根站长资讯信息中心,打造中国最优秀站长网