Question

它无处不在，只是在某些设备上。字面上是页脚下方的一个巨大的白色字段。另一个人向我展示了它，即使在我的电脑上也看不到它。

这里是我所谈论的可视化：nikosis.mzonespace.co.uk/108.jpg

这是一个CSS代码：

＆＃13;

  Footer
//=======================================================================*/
#footer {
    position: relative;
}
#footer .widget{
    margin: 0;
}
#footer .ft-bg{
    background: url("../images/icons/bg-slider-matt-1.png") repeat-x top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
#footer .ft-bg.style2{
    background: url("../images/icons/bg-footer-style2.png") repeat;
    top: 100px;
    bottom: 80px;
    opacity: 0.2;
}
#footer .ft-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
#footer .ft-img img{
    width: 100%;
    max-width: none;
    height: auto;
}
#footer a{
	color:#efefef;
}
#footer h3 span{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300;
    color: #464646;
}
#footer-wrapper{
    color: #464646;;
	padding:163px 0 0;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}
.footer-top{
    background:url("../images/icons/bg-dot.jpg") repeat-x ;
    /*margin-bottom: 150px;*/
}
.style2 .footer-top{
    background:none;
    /*padding-top:74px;*/
}
.footer-top .span4{
    padding-right: 120px;
}
.footer-top .span4:last-child{
    padding-right: 0;
}
.footer-bottom{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 30px;
    padding-top: 25px;
}
.style2 .footer-bottom{
    color: #464646;
    padding-top: 50px;
}
.footer-bottom .span6:last-child{
    text-align: right;
    font-size: 15px;
}
#copyright-wrapper {
	font-size:12px;
	padding: 15px 0;
	background-color:#fff;
}
#copyright-wrapper [class*="span"]{
	min-height:1px;
}
#copyright-wrapper #secondary-nav ul{
	margin:0;
}
#copyright-wrapper #secondary-nav ul li{
	line-height:100%;
	padding:0 10px;
	border-left:1px solid rgba(255, 255, 255, 0.1);
}
#copyright-wrapper #secondary-nav ul li:first-child{
	border:none;
}
.scrollTop{
	position:fixed;
    bottom: 55px;
	right:15px;
	display:none;
}
.scrollTop a{
	text-indent:-9999px;
	background: #d3d3d9 url(../images/icons/scroll-top.png) no-repeat center;
	width:40px;
	height:40px;
	display:block;
}
/*=========================================================================

＆＃13;

这是页面：nikosis.mzonespace.co.uk/blog-full-layout /

Answer 1

我注意到移动/平板电脑的布局崩溃后，会出现白色区域。相应的CSS称为＃footer-wrapper。

     #footer-wrapper: padding-top:400px;

它应该在一个名为responsive.css的文件中。我删除了填充，白色区域消失了。此外，页脚包装器包含一些test1和test2。我没有看到任何代码或其他内容。所以，您也可以从代码中删除它。或者甚至将其设置为显示：如果您不知道它在哪里，则无。但是，由于您使用的是wordpress，它可能位于footer.php中的模板文件或类似内容中。

希望这有帮助！

页脚上的巨大白色字段在特定设备上

1 个答案: