|
在原來的寬高自適應(yīng)的九宮格基礎(chǔ)上做了一些優(yōu)化，把八個背景圖請求改為一個，以降低網(wǎng)絡(luò)成本。其實這也只是一些簡單的小技巧，在切圖方面會比較嚴(yán)緊有1px的不對稱就會出問題，請留意下面例子的切割分析。
DEMO：module.html
RAR：module.zip
制作說明：
圖片切割分析
重點在于使用局部透明的背景圖，以及為每個自適應(yīng)延伸的XHTML部分多添加一個<SPAN>標(biāo)簽讀取背景，以錯位的形式補上左右或上下的延伸背景。為解決IE未能高度100％問題，左右延伸高度寫了3000px絕對值單位（根據(jù)需求調(diào)整）。
缺點：
背景圖片必需透明所以不能使用JPG格式圖片。（但愿有強人能解決這問題）
經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2880727-1-1.html
本文鏈接：http://m.95time.cn/tech/web/2008/6127.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
