Question

我希望我的背景图像像壁纸一样。但我需要一些帮助才能用css做到这一点。这是我的css：

#wallpaper{
position: absolute;
background-size: cover;
background-image: url(C:\Users\Pedro\Desktop\ASK2DOC landing_page\wallpaper.jpg);
background-repeat: no-repeat;
top: auto;
left: auto;
right: auto;
height: auto;
}

Answer 1

尝试以下方法：

#wallpaper {
    background: url(/*image_path*/) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

如果不起作用，请点击here。

Answer 2

如果您想覆盖整个屏幕，只需执行以下操作：

body {
    background-size: cover;
    background-image: url(/wallpaper.jpg);
    background-repeat: no-repeat;
}

图片应位于此网站的默认目录中。

如何使用css设置响应式背景图像（在窗口中自动调整大小）？

2 个答案: