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

Question

我在该网站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;
}

Answer 1

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

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

---

问题是您使用的#rrggbbaa十六进制颜色表示法尚未得到广泛支持。 根据caniuse.com的数据 ， 到目前为止 ，仅Firefox，Chrome和Safari支持它。 我知道您提到它无法在Safari上运行，但是也许您使用的版本早于10？

无论如何，支持不是很好，所以我不建议您立即使用它。 而是使用rgba函数。 background-color: #11a004e0; 会变成background-color: rgba(17, 160, 4, 224); 因为颜色值以十进制而不是十六进制表示。