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

Question

我想为 body 的背景添加一张固定图片，但还没有成功。

我尝试编写正确的代码，但即使在 re-checked 之后，它也不起作用。我尝试设置 background-color，它工作正常。我也re-checked图的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;

Answer 2

删除 url

之后的“:”

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

Answer 3

背景图片的正确语法如下：

background-image: url("{Image-URL}");

在你的情况下，你在 url 之后添加了额外的 :，这就是它 CSS 变得无效的原因。

您只需进行以下更改即可使背景图片按预期工作。

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

您也可以直接从标签中为正文添加背景，如下所示：

<body background="https://media.istockphoto.com/photos/magic-hands-picture-id182751516?k=6&m=182751516&s=612x612&w=0&h=Sh6eYcq8Sbapy1jDwW0bjYO-0295X0Ju8jQbi0YOLAs=">

有关背景图片的更多信息属性，请关注下方link：

CSS background-image Property

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

I have trouble setting fixed image as background for my body's website

css

background-image