css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用

來源:互聯網
上載者:User
FILTER:progid:DXImageTransform.Microsoft.Gradient使用 

文法: 

filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 

屬性: 

enabled:可選項。布爾值(Boolean)。設定或檢索濾鏡是否啟用。 true | false 

  true: 預設值。濾鏡啟用。 

  false:濾鏡被禁止。

 

startColorStr:可選項。字串(String)。設定或檢索色彩漸層的開始顏色和透明度。 

  其格式為 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 為十六進位正整數。取值範圍為 00 - FF 。 RR 指定紅色值, GG 指定綠色值, BB 指定藍色值,參閱 #RRGGBB 顏色單位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值範圍的值將被恢複為預設值。 

  取值範圍為 #FF000000 - #FFFFFFFF 。預設值為 #FF0000FF 。不透明藍色。 

EndColorStr:可選項。字串(String)。設定或檢索色彩漸層的結束顏色和透明度。參閱 startColorStr 屬性。預設值為 #FF000000 。不透明黑色。 

特性: 

Enabled:可讀寫。布爾值(Boolean)。參閱 enabled 屬性。 

GradientType:可讀寫。整數值(Integer)。設定或檢索色彩漸層的方向。1 | 0 

  1:預設值。水平漸層。 

  0:垂直漸層。 

StartColorStr:可讀寫。字串(String)。參閱 startColorStr 屬性。 

StartColor:可讀寫。整數值(Integer)。設定或檢索色彩漸層的開始顏色。 取值範圍為 0 - 4294967295 。 0 為透明。 4294967295 為不透明白色。 

EndColorStr:可讀寫。字串(String)。設定或檢索色彩漸層的結束顏色和透明度。參閱 startColorStr 屬性。預設值為 #FF000000 。不透明黑色。 

EndColor:可讀寫。整數值(Integer)。設定或檢索色彩漸層的結束顏色。 取值範圍為 0 - 4294967295 。 0 為透明。 4294967295 為不透明白色。當在指令碼中使用此特性時,也可以用十六進位格式: 0xAARRGGBB 。 

說明: 

在對象的背景和內容之間顯示定製的色彩層。 

當此效果通過轉變顯示時,在漸層冊色彩層之上的文本程式性的初始化為透明的,當色彩漸層實現後,文本顏色會以其定義的值更新。 

樣本: 

#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF, endColorstr=#55FFFF00) ;}

#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient() ;} 

具體使用 

<table border=1 width=100%> 

<tr> 

<td STYLE="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr='#ffffff',endColorStr='#ff0000')"> </td> 

</tr> 

</table>

  --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------哀悼日,各網站頁面全部用黑白色,用以下濾鏡!!

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

為方便網站哀悼,特提供css濾鏡代碼,以表哀悼。以下為全站CSS代碼。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法:這段代碼可以變網頁為黑白,將代碼加到CSS最頂端就可以實現素裝。建議全國站長動起來。為在地震中遇難的同胞哀悼。

如果網站沒有使用CSS,可以在網頁/模板的HTML代碼和 之間插入:



html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

<>

有一些站長的網站可能使用這個css 不能生效,是因為網站沒有使用最新的網頁標準協議

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml">

請將網頁最頭部的替換為以上代碼。

有一些網站FLASH動畫的顏色不能被CSS濾鏡控制,可以在FLASH代碼的和之間插入:


最簡單的把頁面變成灰色的代碼是在head 之間加

html {

    FILTER: gray

}

<>

一般的discuz論壇在 你的控制css 檔案下修改

/images/header/header.css 這個檔案,點源碼即可看到 參考 http://bbs.admin5.com

另在哀悼日或遇難的新聞,所有專題和主題 圖片上不能使用紅色標題。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.