2011-04-07 111 views
0

我有一些圖像(在我的bachground圖像前)與低透明度(png格式) 和每一件事情都很好ie8 & firefox直到我添加pie.htc (或從谷歌代碼border-radious.htc)爲圓角&陰影框在IE8 ...css3中的陰影和不透明度對於IE8(不匹配)

通過添加pie.htc後:

behaviour : url(pie.htc); 

並添加以下代碼:

border-radius:15px; 
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
box-shadow: 5px 5px 20px red; 
-moz-box-shadow: 5px 5px 20px red; 
-webkit-box-shadow: 5px 5px 20px red; 

我的圖片的透明度已經...

我用一個簡單的HTML項目進行測試,並計算出,當我們在使用眼影盒即8(IE8剛剛FF &是確定的)陰影填補我們的整個元素,所以不透明度就會變好。

我怎樣才能解決這個影子+透明度的問題?

============================================== =======

我的問題在ONOTHER WAY:

怎樣才能結合起來,IE8下面的編碼(與保持透明度):

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";//opacity 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);//opacity 

-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc)";//shadow 

在此先感謝

+0

喜我親愛的朋友/我編輯我的問題/感謝將來幫助我 – MoonLight 2011-04-07 14:48:58

回答

1

它似乎不可能使用陰影與不透明度在IE 8 ... 當你在IE8中添加陰影后不透明的元素(在Firefox中,每件事情都可以),你不會覺得存在不透明度,因爲那樣影子填滿整個元素,不要讓不透明度脫穎而出。

但是我用簡單的HTML項目檢查這個問題,並尋找解決這一問題沒有結果/如果你找到一個關於這個PLZ與我們分享的解決方案。

0

只要把陰影的不透明度和之後在兩者之間添加一個空格。它儘可能簡單。

filter: profid:DXImageTransform.Microsoft.Alpha(Opacity=25) progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc); 
1

icant是正確的,但有一個小的錯字。它應該是progid而不是profid。我試過編輯,但它不會讓我編輯一個字母。

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25) progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc); 

Thanks icant!