身体被推下来

我一直在这个网站上，http://hidden.xx的问题是，<body>下推大约从顶部20像素。这是在页面底部的问题，你可以看到背景渐变重复最后20px。如果您尝试取出萤火虫或任何其他面板，重复发生的区域会变得更大。身体被推下来

我已经tryed解决这一点，但萤火没有给我是什么原因造成这种行为的线索。我尝试将身体绝对定位到顶部，并且这种解决方案，但重复区域再次出现，如果你从浏览器的底部，像萤火虫等撬出面板

编辑：有两个问题，第一个问题是保证金崩溃问题，并由@zzzzBov解决。而第二个问题是由添加background-repeat:repeat-x;的身体得到解决，这要归功于@Alex

来源

2011-10-25 halliewuud

很难麻烦拍摄，如果你直播现场工作。（你好吗？）专用的测试页有助于缓解这种担心 –

Margin collapsing strikes again！

_{#wrapper的保证金与body合拢。你可以将其更改为padding: 20px 0和margin: 0 auto;}

来源

2011-10-25 13:58:52 zzzzBov

泰，这帮助了我。但问题仍然是，当我从底部带出萤火虫面板时，会出现重复的颜色。 – halliewuud

你要去如果出现滚动条以任何理由与重复的色差问题。 – zzzzBov

没有看到你的样式表，我建议试图以清除padding和margin您body标签（它们设置为0）。如果失败了，那么我建议您在导航栏上清除这两个文件。

来源

2011-10-25 13:55:04

尝试这样的：

body{ background: -moz-linear-gradient(#377AA8, #589CCB) repeat-x scroll 0 0 #579BCA; }

重复背景只以“X”（水平），并把背景颜色到梯度的浅的颜色。

来源

2011-10-25 13:58:29 Alex

在第3行的背景颜色更改为#589CCB：

html { background-color: #589CCB;} 

/* line 20, ../sass/screen.scss */ 
body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    background: #589CCB; /*OLD: background: #377aa8;*/ 
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #377aa8), color-stop(100%, #589ccb)); 
    background-image: -webkit-linear-gradient(#377aa8, #589ccb); 
    background-image: -moz-linear-gradient(#377aa8, #589ccb); 
    background-image: -o-linear-gradient(#377aa8, #589ccb); 
    background-image: -ms-linear-gradient(#377aa8, #589ccb); 
    background-image: linear-gradient(#377aa8, #589ccb); 
    }

来源

2011-10-25 13:59:06 gearsdigital

这是没有帮助的，因为重复的颜色是gradiant的，而不是背景属性。 – halliewuud

查看上面更新... – gearsdigital

身体被推下来

回答

相关问题