问题与背景和相对定位html和css

时间:2015-05-04 12:46:46

标签: html css

我的html和css有问题。

今天,我第一次试图制作一个背景图像很大的页面。

我正在使用基础框架,我坚持一件事。我们知道基础是一个自适应框架,当我重新调整浏览器大小时,我有一个bug。

您可以在我的屏幕截图中看到它:https://imgurhd.ru/i/270a.jpg(此处也可以找到我的css)。

我需要使菜单下的文字和图像垂直居中于任何屏幕尺寸。

我正在使用具有百分比值的位置相对,如您所见。所以请帮我找出问题所在。

1 个答案:

答案 0 :(得分:0)

您可以将背景大小设置为cover

  

<强>盖   此关键字指定应缩放背景图像   尽可能小,同时确保其尺寸大于或   等于背景定位区域的相应尺寸。

html { 
  background: url(/*YOUR IMAGE HERE*/) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

most recent browsers

支持此功能
相关问题