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

我正在測試我的網站，我注意到在Safari中它看起來與Chrome和Mozila不同。在驗證器中檢查了我的html和css，看起來一切正常，所以不知道爲什麼會發生這種情況。網站在不同的瀏覽器中看起來有所不同

我驗證了html和css，發現HTML和CSS中有3個錯誤，雖然它的第一次嘗試如此雜亂，我想，但是會發生什麼呢？

貝婁是旗幟的CSS，這種線性漸變會影響它嗎？

夥計們我總是noob，它是我第一次嘗試，所以當回答時，請首先說英語，而不是代碼語言:)。

.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; 
}

來源

2016-03-03 Vlad

只是猜測，改變漸變到：'線性漸變（0deg，whitesmoke，rgba（255,255,255,0）70％，...'[看到這個問題]（http://stackoverflow.com/questions/15647305/css3-white-to-transparent-gradient） –

把0在rgba結束時，它從h1和h2中移除陰影，但它看起來不一樣似乎比白色嘿hehe更吸菸.... – Vlad

我不是說，你應該改變現有的rgba（）。嘗試拋出'transparent'關鍵字，使其看起來像這樣：'線性梯度（0deg，whitesmoke，rgba（255,255,255,0）70％，rgba（200,216,239,1））， url（'../ img/MainGib.jpeg'）無重複中心;' –

不知道，但你可能有添加CSS的-moz和-webkit：

-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;

來源

2016-03-03 15:45:24 sscotti

謝謝你，但是這從圖像中刪除了這個線性漸變。看起來像梯度0deg這裏從左到右？很困惑。 – Vlad

你有鏈接到開發網站？ – sscotti

沒有蘇格蘭人，對不起，我正在括號內做，不確定我可以分享它，對嗎？ – Vlad

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

回答

相關問題