關於opacity的思考

標籤：des   style   http   color   io   os   使用   java   ar   

今天在封裝圖片輪播的外掛程式的時候，產生了這個opacity的小小思考。

我這個輪播的思路不是以前baiduIME官網的設定外層容器overflow為hidden,position為relative用setInterval去定義一個迴圈時間，然後去按照圖片的height改變top的值。

而是利用opacity去切換顯示對應的圖片。

 

這邊還是先說說這個opacity的相容性問題

 

Css代碼  

1. filter:alpha(opacity=60);  
2. -moz-opacity:0.6;  
3. opacity:0.6  

 

 我們多知道你在設計輪播的時候還是需要渲染index(右小角或者左小角的角標，至於點擊切換還是滑鼠移入切換這個，you design)，只要滿足對應性----每一次輪播切換的時候cur的index對照上就ok.（個人建議在點擊或者滑鼠移入後給clearTimeout一下重啟計算）

 

1.  如果你查閱過w3c的文檔你會知道（僅用於 IE），

filter屬性允許我們向文本和映像添加樣式效果（ps:注意使用filter屬性，請始終指定元素的寬度）

以前有別人寫過ie6和ie7設定opacity的時候，此元素必須是“有布局”（意思也就是設定了寬度,嚴格地化加上position）

 

2.  -moz-opacity:屬性是為了相容Mozilla的早期版本。據說FF0.9就不再要求使用此屬性。我的ff 3.6.23就已經直接顯示opacity屬性了

 

3.  可能有的人還會想起這個-khtml-opacity屬性，我這邊沒有加，因為據說Safari 1.x需要相容的時候加上。

 

簡單地介紹了一下opacity.

外掛程式算是搞定，自己遺留了一個問題，很多人在做外掛程式封裝的時候是類似於頁面只有一個dom母體。所有的東西多是渲染上去呢？還是增加母體的輪廓性或者說血肉，指令碼只是去操作控制。。。。。。。

 

 

    貼一張相容的圖：

 

 

 

關於opacity的思考