IE8中的背景不透明度无法正常工作

Question

这里我有2张IE8和IE9的图像.Below是我的代码

.ui-widget-content { border: 0px solid #aaaaaa/*{borderColorContent}*/; background: rgba(0, 0, 0, 0.1) ;     /*{bgColorContent}*/ url(images/scroll.png)/*{bgImgUrlContent}*/ 0/*{bgContentXPos}*/ 0/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/;  border-top: solid 1px #FF0000;}
.ui-widget-content a { color: #222222/*{fcContent}*/; } 

background：rgba（0,0,0,0.1）;这在IE9中工作正常但它在IE8中不起作用。请帮助解决此问题

Answer 1

http://www.w3schools.com/css/css_image_transparency.asp

img{
 opacity:0.4;
 filter:alpha(opacity=40); /* For IE8 and earlier */
}

Answer 2

rgba()无法在IE8上运行，因此您可以使用

filter:alpha(opacity=10);

模拟0.1不透明度。 但这会对元素中包含的文本（以及其子元素，如果有的话）应用不透明度，因此您可以改为应用重复的小型24位png图像（全黑，不透明度设置为{{1 }}）作为元素的背景，例如

10%

---

（这里的图像 - 50x50,166字节 - 如果你需要的话）

或者，如果您愿意，可以在这里使用相同图像的base64编码（以便保存请求）

background: url(black-transparent.png)

Answer 3

Google是你的朋友。

/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;

取自http://css-tricks.com/snippets/css/cross-browser-opacity/

Answer 4

RGBA在IE8和之前的版本中不起作用，你必须使用filter:alpha(opacity=XX)作为IE的黑客攻击：

.ui-widget-content { 
  border: 0px solid #aaaaaa; 
  background: rgba(0, 0, 0, 0.1)  url(images/scroll.png) 0 0 repeat-x; 
  *filter:alpha(opacity=10);/*For pre-IE8 MS browsers*/
  color: #222222;  
  border-top: solid 1px #FF0000;
}

Answer 5

我在global.asax文件中添加了这个代码，它在IE8中工作正常

protected void Application_BeginRequest（object sender，EventArgs e）         {             //Response.AddHeader（“X-UA-Compatible”，“IE = edge，Chrome = 1”）;

    }

感谢您的建议

Answer 6

这是我用来替换旧浏览器上的RGBA的代码。

这是一款优秀的RGBA到ARGB转换器，具有较旧的浏览器支持：http://beijingyoung.com/articles/rgba-argb-converter/

background: #FFFFFF !important; /* the background */
-moz-opacity: 0.6; /* Mozilla 1.6 and below   */
opacity: 0.6; /* newer browser and CSS-3 */
-ms-filter: "alpha(opacity=60) progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF)"; /* IE8 */
filter: alpha(opacity=60) progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); /* IE6 & 7 */
zoom: 1;