css - 我无法将固定图像设置为我 body 网站的背景

Question

我想为我的 body 背景添加固定图像，但它还不起作用。

我尝试编写正确的代码，但即使在重新检查之后，它也不起作用。我尝试设置背景色，效果很好。我也重新检查了图像的 URL，它似乎是好的。

body {
  background-image: url:("https://media.istockphoto.com/photos/magic-hands-picture-id182751516?k=6&m=182751516&s=612x612&w=0&h=Sh6eYcq8Sbapy1jDwW0bjYO-0295X0Ju8jQbi0YOLAs=");
}

没有错误信息。背景保持白色和空白。什么都没发生。这是

URL of my Code-pen : https://codepen.io/Peyo5202/pen/zYOrzMZ?editors=0100

Answer 1

去掉url后面的':'

body {
  background-image: url("https://media.istockphoto.com/photos/magic-hands-picture-id182751516?k=6&m=182751516&s=612x612&w=0&h=Sh6eYcq8Sbapy1jDwW0bjYO-0295X0Ju8jQbi0YOLAs=");
}

您还可以通过添加以下 CSS 来修复背景图像:

background-repeat: no-repeat;
background-attachment: fixed;