本文向大家描述一下最佳圓角與IE6 png透明解決的javascript方案，在實(shí)現(xiàn)圓角的各種方法中（包括javascript的方法），無非有三種原理，具體內(nèi)容請(qǐng)看下文詳細(xì)介紹。

最佳圓角與IE6 png透明解決的javascript方案

一、在實(shí)現(xiàn)圓角的各種方法中（包括javascript的方法），無非有三種原理：

◆使用背景圖，如css滑動(dòng)門技術(shù)：復(fù)雜，圓角平滑，通殺所有瀏覽器

◆使用html標(biāo)簽畫像素的方式繪制圓角：復(fù)雜，圓角不平滑，不能很好的支持圓角內(nèi)的背景，通殺所有瀏覽器（本博客的圓角暫時(shí)還是這個(gè)原理）

◆使用支持圓角的瀏覽器私有屬性定義圓角：簡(jiǎn)單，圓角平滑，瀏覽器支持有限

二、解決IE6下對(duì)png圖片半透明效果方法中，大多數(shù)只采取了一種原理（包括使用各種腳本的）：

◆使用IE的私有屬性‘濾鏡’實(shí)現(xiàn)。但這種方法不能使用CSS的“background-position”和“background-repeat”屬性，且png背景之上的鏈接和按鈕可能會(huì)失效。

你會(huì)發(fā)現(xiàn)，上文說說的解決方案都是針對(duì)ie的‘虛弱’，其他現(xiàn)代瀏覽器早就沒有這些問題，如火狐瀏覽器等。下面介紹’DD_roundies‘，通過使用VML來解決問題，它可以讓IE低版本瀏覽器支持圓角和完美的支持PNG。

定義圓角非常簡(jiǎn)單，平滑，支持圓角內(nèi)的背景

絕對(duì)完美的支持png，他支持CSS的“background-position”和“background-repeat”屬性，這個(gè)是你手寫的css永遠(yuǎn)濾鏡無法達(dá)到的。
 

【編輯推薦】

1. JavaScript多維數(shù)組多鍵值排序方法實(shí)現(xiàn)
2. JavaScript函數(shù)的定義及形式參數(shù)
3. JavaScript數(shù)組元素刪除問題解決方案
4. JavaScript對(duì)象的定義及創(chuàng)建實(shí)例
5. 解析Javascript中replace()方法使用