Question

如果在IE8中出现不透明效果并且没有显示按钮，我还有一对。

Here示例

在Safari，FF和Chrome中，它看起来非常完美，我想要

我正在使用这种技术：CSS Background Transparency Without Affecting Child Elements, Through RGBa And Filters，以便在不透明的背景中使我的文字没有不透明度。

这项技术效果非常好，但是如何让我的导航栏中的不透明度变为白色呢？

现在在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;
}

Button readmore

.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值。

Answer 2

您是否考虑使用背景图像制作条件样式表，使用透明的颜色来设置div的样式？：）

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

2 个答案: