firefox和chrome之间的边缘不兼容

时间:2014-10-23 11:55:14

标签: css wordpress firefox cross-browser

我定制了一个名为Canvas的wordpress主题,但我遇到了一些奇怪的问题。

Firefox不接受此CSS属性:

标题{margin-top:-130px;}

它在Chrome上完美运行。

这是我网站的链接:http://creatyz.com/yogasalon/

任何人都可以帮助我吗?我尽我所能来解决它​​。

提前多多感谢!

3 个答案:

答案 0 :(得分:0)

更改

#header {
    padding: 40px 0px 45px;
    clear: both;
    position: relative;
    background-size: auto auto;
}

#header {
    padding: 40px 0px 45px;
    position: relative;
    background-size: auto auto;
}

或者如果是供应商css

添加

 #header {
     clear: none !important;
 }

到你的css

(注意!重要的只是用于测试,应该用类似的东西替换)

#wrapper #header 

用于选择器

答案 1 :(得分:0)

听起来好像你试图在页面顶部调整标题?如果是这些东西你可以使用top:/*Your value*/;代替negetive margin-top:/*your value*/;

答案 2 :(得分:0)

.col-full { position: relative; }
header { position: absolute; right: 1em; }

如果可能,请尝试使用负边距...