最佳圓角與IE6 png透明Javascript解決方案
本文向大家描述一下最佳圓角與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永遠濾鏡無法達到的。
【編輯推薦】
- JavaScript多維數組多鍵值排序方法實現
- JavaScript函數的定義及形式參數
- JavaScript數組元素刪除問題解決方案
- JavaScript對象的定義及創建實例
- 解析Javascript中replace()方法使用