2、截取標簽:定義此標簽寬高與預想調(diào)用背景局部位置大小一致,并隱藏其溢出的部份。
<div title="截取" style=" overflow:hidden; width:120px; height:120px;"></div>
3、最后計算出預想調(diào)用背景局部位置的坐標,定義在載體標簽中。 (背景局部位置坐標的調(diào)整可用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一致,在這問題曾經(jīng)做過考慮是真的要為了IE6而IE6嗎?因為其它高版本瀏覽器都支持png32以上圖片,大可用正常的方式導入背景及調(diào)用坐標。但考慮到最終目的及其可維護性,因而不去做高版本瀏覽器的常規(guī)處理方式。
本文鏈接:http://m.95time.cn/tech/web/2009/6501.asp
出處:騰訊Webteam
責任編輯:bluehearts
上一頁 IE6局部調(diào)用PNG32合并圖片 [1] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|