IE8 透明度兼容性

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

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

 

今天看到css的漸變色效果  呵呵不錯  和大家分享一下

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)

startColorStr='#ffeeeeee'

startColorStr爲漸變起始顏色,ff爲16進制透明度

endColorStr='#ffeeeeee'

endColorStr爲漸變結束顏色,ff爲16進制透明度

gradientType='0'

gradientType漸變方向,'0'爲垂直方向, '1'爲水平方向(默認值爲'1')

 

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

這是最簡單的

用css實現網頁背景漸變的代碼如下:

一、從上往下漸變 Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}

二、從左上至右下漸變  Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}

三、從左往右漸變  Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}

 四、從上往下漸變  Example Source Code:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startC

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章