本文向大家描述一下最佳圓角與IE6 png透明解決的javascript方案，在實現圓角的各種方法中（包括javascript的方法），無非有三種原理，具體內容請看下文詳細介紹。

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

一、在實現圓角的各種方法中（包括javascript的方法），無非有三種原理：

◆使用背景圖，如css滑動門技術：復雜，圓角平滑，通殺所有瀏覽器

◆使用html標簽畫像素的方式繪制圓角：復雜，圓角不平滑，不能很好的支持圓角內的背景，通殺所有瀏覽器（本博客的圓角暫時還是這個原理）

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

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

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

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

定義圓角非常簡單，平滑，支持圓角內的背景

絕對完美的支持png，他支持CSS的“background-position”和“background-repeat”屬性，這個是你手寫的css永遠濾鏡無法達到的。
 

【編輯推薦】

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