讓ie相容opacity屬性的方法

2022-03-25 06:53:24 字數 389 閱讀 6718

如何設定div半透明效果,並相容ie6+ firefox等,看下面樣式:

yuzi_class

但firefox 3.5+已不再支援 –moz-opacity 這個屬性了,現在都要改用opacity屬性。

於是樣式需要這樣設定

transp

opacity這個是屬於css3裡面的東西了,屬於css3的標準。然而微軟ie8還不支援這一屬性。但如果讓div背景半透明,而div中的文字不半透明呢?很簡單,只要在文字的容器中加個position:relative就可以了。

設定如下:

圖層背景半透明,字型顏色也半透明

圖層背景半透明,字型顏色不半透明

opacity屬性的應用

opacity是css中很有意思的屬性,類似於photoshop中不透明度的更改,結合絕對定位能實現很多漂亮的效果。opacity取值範圍為0 1,若實現對ie8 以及更早的版本的相容,一般寫為filter alpha opacity xx 當然其他geek會有更強大的寫法,本文不再贅述。從網頁設計...

placeholer屬性IE6 IE9相容問題

解決方法來自網上搜尋 寫於此處方便個人引用。placeholder屬性用於輸入框內的灰色提示字型,如 請輸入使用者名稱 此屬性為html5中新屬性,適用於ie10以後版本,firefox,chrome等,不適用於ie低版本,如想使用所有瀏覽器,方法入下 phcolor function input....

讓IE支援placeholder屬性

html 5 有個很棒的屬性,placeholder,在滑鼠聚焦到input輸入框上面時候,提示文字會消失,失去焦點之後,又會出現 但是在不支援html5的低版本的瀏覽器中,placeholder屬性是無效的,為了解決這個問題,因此,人為的去實現placeholder屬性 jquery placeh...