网站在不同的浏览器中看起来有所不同

我正在测试我的网站，我注意到在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

网站在不同的浏览器中看起来有所不同

回答

相关问题