свойство background-color не работает в Safari

Question

Я работаю на этом сайте https://www.comercialoregon.cl и понял, что в Safari некоторые элементы не будут отображаться должным образом, основными из которых являются элементы со свойством background-color, установленным в # 11a004e0, вместо этого они имеют серый фон , есть идеи, почему это происходит?

Вот CSS для div на панели навигации, который ДОЛЖЕН быть зеленым (работает на 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);, поскольку значения цвета представлены в десятичном, а не шестнадцатеричном виде.