背景图像在全屏时被剪切

时间:2017-03-09 05:08:55

标签: css responsive-design

我正在尝试创建全宽背景图像。 我面临的问题是当它的全屏幕背景图像的底部被切断时。当我检查响应性时,显示整个背景图像。

如何在全屏显示整个图像。屏幕分辨率:1366x768。

这是用于背景图像的css:

body{
overflow:hidden;
background-image:url(img/background.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:inherit;
}

Full Screen

Responsiveness

1 个答案:

答案 0 :(得分:0)

使用 css属性  背景尺寸:100%; 背景尺寸:封面;