這是一個(gè)三層分離的完美九宮格布局模型,它具有靈活的彈性自適應(yīng)功能和豐富的顏色(或圖片)變化、精簡的結(jié)構(gòu)、完美的兼容性和簡單的可重用性,你可以將它應(yīng)用在各個(gè)地方。
請(qǐng)隨意拉伸縮放窗體大小,會(huì)看到九宮格向各個(gè)方向自由彈性伸展。
本模型修改了上一個(gè)版本的不足,用浮動(dòng)的方法避開了ie6的寬高值奇數(shù)1px Bug問題,完美地實(shí)現(xiàn)所有主流瀏覽器全部兼容通過。
本模型測(cè)試在以下幾個(gè)瀏覽器中完全通過:
IE5.5、 IE6、 IE7、 IE8、 FF3、 TT、 Maxthon2.1.5、 Opera9.6、 Safari4.0、 Chrome2.0。
更多原創(chuàng)請(qǐng)?jiān)L問:冰極峰博客
博客地址:http://www.cnblogs.com/binyong
靈活自如的自定義風(fēng)格讓它能滿足大多數(shù)項(xiàng)目的需要。
如果你不滿意這種顏色方案,你完全可以定制你鐘意的方案,你可以用圖片的方式來代替背景色。