2、截取标签：定义此标签宽高与预想调用背景局部位置大小一致，并隐藏其溢出的部份。

<div title="截取" style=" overflow:hidden; width:120px; height:120px;"></div>

3、最后计算出预想调用背景局部位置的坐标，定义在载体标签中。
(背景局部位置坐标的调整可用margin或position控制。下面以”I”为例)

margin

<div title="载体" style="margin:-80px 0 0 -120px;width:440px;height:440px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png');"></div>

position

<div title="载体" style="position:absloute;top:-80px;left:120px;width:440px;height:440px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png');"></div>

完成后的代码

<div title="截取" style="width:120px;height:120px;overflow:hidden;">
<div title="载体" style="margin:-80px 0 0 -140px;width:440px;height:440px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png');"></div></div>

在FF与IE7等浏览器处理方式与IE6一致，在这问题曾经做过考虑是真的要为了IE6而IE6吗？因为其它高版本浏览器都支持png32以上图片，大可用正常的方式导入背景及调用坐标。但考虑到最终目的及其可维护性，因而不去做高版本浏览器的常规处理方式。

本文链接：http://www.blueidea.com/tech/web/2009/6501.asp　

出处：腾讯Webteam
责任编辑：bluehearts

上一页 IE6局部调用PNG32合并图片 [1] 下一页

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。