圓形頭像的制作原理就是在頭像上覆蓋一張透明的圖片，把四個角顏色設(shè)置成頁面的背景顏色，中間透明。
這里需要注意的是需要把圖片保存成24位的png，雖然IE6支持8位的png的透明，但是8位的png做透明圓弧圖片存在效果上的問題，就是存在白色的雜邊或鋸齒。24位的png或32位的png的圓弧透明（半透明）圖片則非常光滑，但是該死的IE6不支持24位的png或32位的png透明(其他瀏覽器都支持)，需要我們額外的一下處理；使用 AlphaImageLoader就可以解決IE6不能顯示24位和32位PNG的透明，
但使用 AlphaImageLoader 篩選器的元素必須有寬高，width:XXpx; height:XXpx;ie6下必須充值背景為none，_background:none
<style>
#test{position:relative; top:0; left:0;width:300px;height:300px;background:#000;}
#test span{position:absolute; top:0; left:0;width:200px;height:200px;background:url("路徑/中間透明的圖片.png");color:#fff;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='路徑/中間透明的圖片.png
',sizingMethod='crop');}
</style>
<div id="test"><img src="圖片地址" width="200" height="200" /><span></span></div>
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
