css - IE8中的不透明度和元素的小技术问题未显示

Question

如果在IE8中出现不透明效果和未显示按钮的问题，我仍然有几个问题。

Here示例

在Safari，FF和Chrome中，它看起来很完美

我正在使用这种技术：CSS Background Transparency Without Affecting Child Elements, Through RGBa And Filters为了使我的文本在具有不透明度的背景内不具有不透明度。

这项技术效果很好，但是如何在IE的导航栏中将不透明度变为白色？

现在在IE中，不透明度为黑色：

这里的代码：

nav ul li:hover > ul {
    visibility: visible;
        /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(255,255,255,1);
    /* RGBa with 0.6 opacity */
    background: rgba(255,255,255,0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    opacity: 1;
    position: absolute;
    zoom:1; /* required for the filters */
}

其次，为什么在IE中看不到菜单栏和按钮中的白色悬停效果？阅读更多？

这些是代码：

菜单栏白色悬停效果

nav ul li:hover > a {
    color: #101010;
    background: rgba(255,255,255,1 !important);
    line-height: 30px;
}

按钮阅读更多

.readmore {
   background-color: rgba(94,94,94,1);
   border: solid 1px rgba(94,94,94,1);
   -webkit-border-radius: 17px;
      -moz-border-radius: 17px;
           border-radius: 17px;
   width: 82px;
   height: 16px;
   margin-left: 50px;
   padding: 6px;
   display: inline-block;
   font-size: 12px;
   font-family: Trebuchet MS;
   line-height: 14px;
   text-align: center;
   color: rgba(255,255,255,1);
}

这些是IE中的小问题，但我需要有关如何解决它们的帮助。

谢谢

Answer 1

IE8无法使用rgba值。