filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize

不少時候須要將圖片顯示在網頁上，通常都會這樣作，以下:

 

<img src="xxx.jpg"/>

 

 

若是我要將本地的圖片顯示到頁面上呢？以下:

 

<img src="C:\Users\Administrator\Desktop\xxx.jpg"/>

 

 

是的這樣是能夠？在你的本地確實可以完美的顯示出來。

可是惋惜的是，若是將你的網頁放到服務器上，什麼都沒有了.

原來這一切在ie下都是不支持的直接去顯示本地圖片。

既然不支持，那當咱們須要作圖片的縮略顯示的時候，怎麼弄呢？

 

那就用ie提供的css渲染吧。

AlphaImageLoader：在元素的背景和內容之間插入一張圖片，並提供對此圖片的剪切和改變尺寸的操做。若是載入的是PNG(Portable Network Graphics)格式，則0%-100%的透明度也被提供。

語法格式：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

enabled：可選項，布爾值(Boolean)。設置或檢索濾鏡是否激活。 true：默認值。濾鏡激活。 false：濾鏡被禁止。
sizingMethod：可選項。字符串(String)。設置或檢索濾鏡做用的對象的圖片在對象容器邊界內的顯示方式。
1）crop：剪切圖片以適應對象尺寸。
2）image：默認值。增大或減少對象的尺寸邊界以適應圖片的尺寸。 
3）scale：縮放圖片以適應對象的尺寸邊界。
src：必選項。字符串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數，濾鏡將不會做用。

 

 

2:filter:alpha

 

關於在ie下的透明度問題,以下:

語法格式:filter:Alpha(Opacity=opacity,　FinishOpacity=finishopacity，Style=style,　StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)

 

filter:Alpha(Opacity="50",FinishOpacity="100",Style="3");

 

 

opacity:值0-100,0表示徹底透明，100表示徹底不透明.

FinishOpacity: 表示結束處的透明度.

style: 1 ，2， 3 ;1 表示線行，2表示圓形，中心發散，3 表示星形中心發散。

在標準瀏覽器下：直接opacity:0.5 就能夠了。