html - 背景颜色属性不适用于 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

This server could not prove that it is www.comercialoregon.cl; its security certificate expired 428 days ago.

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

---

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

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