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

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

RAR：module.zip

制作说明：

图片切割分析

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

缺点：

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

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

下载本文的Word格式文档，以方便收藏与打印。

相关推荐

holder.js文件的使用

先导入文件使用命令创建图片占位符可以显示指定的文字
2023-10-27编程代码holder,js,图片
4）jQuery的基础部分和js的部分

1：js：包含三部分： ESMAScript：基础语法 Array（）索引、length、push（）、pop（） DOM：获取DOM的三种方式：（1）Id （2）Class （3）标签获取 TayName BOM：入口函数：等...
2023-10-27编程代码jQuery,js,使用
Sourcetrail 代码分析工具的使用

Sourcetrail 概述 Sourcetrail 是一个代码分析工具，它旨在帮助开发人员理解和导航复杂的代码库。它可以创建代码库的可视化图形，显示代码中的类、函数、变量、依赖关系等信息，从而帮助开发人员更好地理解代码结...
2023-08-16编程代码代码,分析,工具
解决：Invalid HTTP_HOST header: '192.168.56.1:8001'. You may need to add '192.168.56.1' to ALLOWED_HOSTS.

在setting.py下的ALLOWED_HOSTS=['*']添加‘*’就可以解决显示不出来的问题。解决：Invalid HTTP_HOST header: '192.168.56.1:8001'. You may need to add '192.168.56.1' to ALLOWED_HOSTS....
2023-08-01编程代码HTTP_HOST,invalid,解决
【Redis】-使用Lua脚本解决多线程下的超卖问题以及为什么？

一.多线程下引起的超卖问题呈现1.1.我先初始化库存数量为1、订单数量为0 1.2.开启3个线程去执行业务业务为：判断如果说库存数量大于0，则库存减1，订单数量加1 结果为：库存为-2，订单数量为3 原因：如下图所示...
2023-08-01编程代码多线程,脚本,解决
解决SQL命令行回退的问题

场景在linux或者aix上安装后Oracle后，在SQL命令行下无法通过键盘的退格键回退，如下解决方法安装软件 # rpm -ivh rlwrap-0.41-1.el6.x86_64.rpm warning: rlwrap-0.41-1.el6.x86_64.rpm: Header V3 RSA/SHA2...
2023-07-31编程代码SQL,命令行,解决
数据分析05-matplotlib基本绘图、高级绘图

数据分析-05 数据分析-05 matplotlib基本功能详解基本绘图 1）绘图核心API 2）设置线型、线宽 3）设置坐标轴范围 4）设置坐标刻度 5）设置坐标轴 6）图例 7）特殊点 8）备注高级绘图 1）子图 2）散点图 3）填充...
2023-07-30编程代码分析,绘图,高级
问题解决：TNS-12543: TNS:destination host unreachable

环境： 11.2.0.3 ADG (db11g\db11gadg\db11gcas) 在自己先前克隆后的环境互相tnsping报错。 tnsping 本机ok，tnsping其他机器均报错： [oracle@db11g ~]$ tnsping jingyu TNS Ping Utility for Linux: Version 1...
2023-07-30编程代码destination,TNS,解决