Question

当屏幕尺寸调整得更小时，我的背景图像会切断我的文字。在大屏幕中观看时，背景图像也不是屏幕高度的100％。我做错了什么？

    .slider {
    background: url("../images/bg2.jpg") no-repeat center center fixed;
    background-size: cover;
    max-height: 1200px;
    height: 100%;
    width: 100%;
    overflow: hidden;

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

Answer 1

为min-height:100%课程添加.slider，并为其父height: 100%标记添加body。删除width, overflow, height课程中的.slider。

应该是 -

body {
  height: 100%;
}

.slider {
  background: url("../images/bg2.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;

  min-height: 100%;
}

背景图像在bootstrap切断文本

1 个答案: