Question

我想为我的身体背景添加固定的图像，但是还不能正常工作。

我尝试编写正确的代码，尽管即使重新检查也无法正常工作。我尝试设置背景色，并且效果很好。我还重新检查了图片的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=");
}

无错误信息。背景保持白色和空白。没啥事儿。这是

我的密码笔的网址：https://codepen.io/Peyo5202/pen/zYOrzMZ?editors=0100

Answer 1

删除网址后的“：”

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

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

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=">

有关背景图片属性的更多信息，请点击以下链接：

CSS background-image Property

Answer 3

在网址后删除“：”

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

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

3 个答案: