时间戳

首页 > 解决方案 > background-color 属性在 Safari 上不起作用

html - background-color 属性在 Safari 上不起作用

问题描述

我在这个网站上工作https://www.comercialoregon.cl并意识到在 Safari 上时，某些元素将无法正确显示，主要是那些将 background-color 属性设置为#11a004e0 的元素，而不是灰色背景. 任何想法为什么会发生这种情况？

这是导航栏上应该为绿色的 div 的 css（适用于 chrome 和 mozilla）。谢谢

.boton_nav {
  border-radius: 4px;
  background-color: #11a004e0;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  width: 220px;
  margin-left: 2em;
  animation-name: boton_nav;
  animation-duration: 4s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  animation-delay: 3s;
}

标签： htmlcsssafari

解决方案

该服务器无法证明它是 www.comercialoregon.cl；它的安全证书在 428 天前过期。

这是你的第一个问题，但它与问题没有直接关系。只是想提醒您，您的访问者将首先看到那个可怕的无效证书大屏幕，并且可能会离开。

问题是您使用的 #rrggbbaa 十六进制颜色表示法尚未得到广泛支持。截至目前，据 caniuse.com 称，只有 Firefox、Chrome 和 Safari 支持它。我知道您提到它不适用于 Safari，但也许您使用的版本早于 10？

无论如何，支持不好，所以我不建议使用它。相反，请使用该rgba功能。background-color: #11a004e0;将变为background-color: rgba(17, 160, 4, 224);颜色值以十进制而不是十六进制表示。

推荐阅读