網站在不同的瀏覽器中看起來有所不同

Question

我正在測試我的網站，我注意到在Safari中，它看起來與Chrome和Mozila不同。 在驗證器中檢查了我的HTML和CSS，一切似乎都很好，所以不確定為什么會這樣。

我驗證了html和css，發現HTML中出現了1個錯誤，CSS中發現了3個錯誤，盡管這是第一次嘗試，所以很混亂，但是我認為這是怎么回事？

波紋管是橫幅的CSS，這個線性梯度會影響它嗎？

伙計們，我完全是菜鳥，這是我第一次嘗試，所以當回答時，請首先說英語，而不是使用代碼語言:)。

    .main-header {
  width: 100%;
  box-sizing: border-box;
  margin: auto;
  height: 750px;
  background:
  linear-gradient(0deg, whitesmoke, transparent 70%, rgba(200,216,239,1)),
  url('../img/MainGib.jpeg') no-repeat center;
  background-size: cover;
  text-align: center;
}

Answer 1

不確定，但是您可能必須為-moz和-webkit添加css：

-webkit-linear-gradient(0deg, whitesmoke, transparent 70%, rgba(200,216,239,1)),
  url('../img/MainGib.jpeg') no-repeat center;
-moz-linear-gradient(0deg, whitesmoke, transparent 70%, rgba(200,216,239,1)),
  url('../img/MainGib.jpeg') no-repeat center;