繁體中文当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 分析宽高自适应的九宫格背景图片切割的技巧
- FireWorks
- Fireworks写实作品绘制实例：我的手机
- 自己打造动画广告 用Fireworks泛起水波涟漪
- 古代智慧结晶 用Fireworks“铸造”古钱币
- 巧用Fireworks MX 2004制作金属字特效
- Fireworks使用技巧及常见问题解答
- Fireworks制作GIF动画广告BANNER
- Fireworks制作下雨动画效果
- Fireworks and Dreamweaver指南介绍
- 使用Fireworks MX 绘制手机
- Fireworks MX 滤镜讨论
- Fireworks MX制作下拉菜单
- Fireworks MX对网页的逆向导入
- Fireworks MX制作像素动画
- 巧用Fireworks遮罩做平面设计
- Fireworks创意遮罩动画制作
- Fireworks制作透明按钮一例
- Fireworks MX图层混合实例剖析
- Fireworks 制作立体旋转地球
- Fireworks 巧制生肖鼠票
- Fireworks制作空间环绕文字动画
FireWorks 中的 分析宽高自适应的九宫格背景图片切割的技巧
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-22 浏览: 80 ::
收藏到网摘: n/a
在原来的宽高自适应的九宫格基础上做了一些优化，把八个背景图请求改为一个，以降低网络成本。其实这也只是一些简单的小技巧，在切图方面会比较严紧有1px的不对称就会出问题，请留意下面例子的切割分析。
源文件下载：点击下载
制作说明：
图片切割分析
重点在于使用局部透明的背景图，以及为每个自适应延伸的XHTML部分多添加一个<SPAN>标签读取背景，以错位的形式补上左右或上下的延伸背景。为解决IE未能高度100％问题，左右延伸高度写了3000px绝对值单位（根据需求调整）。
缺点：
背景图片必需透明所以不能使用JPG格式图片。（但愿有强人能解决这问题）
评论 (0) All
