背景颜色 CSS 在 safari 中不起作用，但在 Chrome、Firefox 中工作正常

Question

我制作了一个网站，其中我将白色背景颜色 (#FFF) 应用到我的面板 (a div) 以添加一些透明效果。这在 chrome 和 firefox 中工作得很好。但在 Safari 中不起作用。我应该怎么做才能在 safari 中产生相同的效果。

 .panel{
    position:relative;
    background-color: #FFF;
    background:#FFF;
    bgcolor:#FFF;
    #safari { background-color:#FFF }
}

我已经尝试了所有版本的背景颜色（bgcolor、背景颜色等）并且还尝试了 hack

 #safari{
    background-color:#FFF
}

但没有奏效。请帮忙。此外，链接标签仅在 IE 中不起作用，但在其他浏览器中工作得很好。

原文由 Deepak S Rautela 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

白色背景不会增加任何透明度。

您可以尝试以下操作，它应该适用于所有浏览器：

 .my-class {
    background-color: rgb(255,255,255); // White background for old browsers
    background-color: rgba(255,255,255,0.5); // White background, 50% transparency for more modern browsers. Will be ignored by old browsers
}

原文由 zeidlos 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

这篇博文 提出了这个 CSS hack：

 # @media screen and (-webkit-min-device-pixel-ratio:0) {
    #safari { background-color:#FFF }
}

原文由 NRKirby 发布，翻译遵循 CC BY-SA 3.0 许可协议