Question

我的网站内容存在显示问题。我正在创建一个网站，它在浏览器上显示良好（宽度100％）但是当我调整浏览器屏幕大小并向右转换到底部滚动条时，出现了白色背景。我没有使用响应技术。我使用固定的容器宽度（宽度：1170px;边距：0自动;）

网站：http://www.lemediterranee.com.tn/medet/

Answer 1

添加背景尺寸：封面为主。

main{
   background-size: cover;
}

Answer 2

我可以通过在main自定义元素中添加额外的样式来清除白色背景：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;

还为跨浏览器支持添加了前缀。

Answer 3

如果您没有使用自适应设计，请使用

固定标题

.top_header {
background-color: #222d68;
width: 1170px;
height: 45px;
}

使滑块和主容器的宽度也固定

#slideshow {
float: left;
width: 1170px;
position: relative;
z-index: 8;
border-bottom: 3px solid rgb(194, 194, 194);
}

main {
background-image: url("../img/backgrounds/main_bg.jpg");
background-repeat: no-repeat;
height: 1075px;
float: left;
width: 1170px;
}

对于页脚

.bottom_footer {
width: 1170px;
height: 45px;
background-color: #222222;
float: left;
}

整个网站长度的白色背景

3 个答案: