背景颜色 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、background-color 等）并且还尝试了 hack

#safari{
    background-color:#FFF
}

但 none 有效。请帮忙。 Link 标签也不能只在 IE 中工作，但在其他浏览器中工作得很好。

Answer 1

试试这个：

   _::-webkit-full-page-media, _:future, :root .panel {
     background-color:#FFF
  }

已编辑：这适用于 safari 7.1+（在您的情况下为 8.0）

Answer 2

This blog post 建议这个 CSS hack:

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

Answer 3

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

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

.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
}

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

Background color CSS not working in safari but working fine in Chrome, Firefox

html

css

safari