Question

我知道rgba不会在ie8浏览器中运行。我怎么能解决这个问题呢。

请参阅下面的html

<html>
<head>
<style type="text/css">
body
{
background-color:black;
}
.navitem
{
color:red;
}
.navitem:hover
{
 background: rgba(255, 255, 255, 0.3); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

}
</style>
</head>
<body>
<a class="navitem">Hot Alerts</a>
</body>


</html>

我用谷歌搜索并在下面的链接中找到解决方案，我尝试使用该解决方案，但仍然无法正常工作。究竟是什么问题我该如何解决呢？

我提到的以下链接。

CSS background opacity with rgba not working in IE 8

谢谢，

希瓦

Answer 1

您可以使用.png作为背景图片，或者只为IE8设置纯色后备。后备将起作用：

.navitem:hover {
    /* solid color fallback */
    background: rgb(100,100,100);
     /* modern browsers */
    background: rgba(255, 255, 255, 0.3);
}

Answer 2

我使用此网站为IE 8生成rgba并运行：http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/

请尝试。在第一个字段输入如下：“rgba（0,0,0,0.5）” 输出是您在IE中使用的代码

rgba不能在IE8中工作如何解决这个问题

2 个答案: