时间戳

首页 > 解决方案 > 为什么以下背景图像代码不起作用？

css - 为什么以下背景图像代码不起作用？

问题描述

我正在尝试将下面的代码添加到我的子主题中www.incahoot.org

element.style {
    background-image: url(https://incahoot.org/wp- 
    content/uploads/2019/03/somerset.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

让背景图片（somerset.jpg）在移动设备上渲染得更好

但是......当我添加代码时没有任何反应

标签： css

解决方案

看起来是因为您忘记将其放在引号中，并且中间有换行符，这应该可以解决。

下次提示，包括您的 HTML 的其余部分，并告诉我们您已经尝试过什么

element.style {
background-image: url('https://incahoot.org/wp-content/uploads/2019/03/somerset.jpg');
background-size: contain;
background-repeat: no-repeat;
}

小涂鸦：

（如果背景是 100% 绿色，则图像已被移动/删除）

body {
  background-image: url('https://incahoot.org/wp-content/uploads/2019/04/somerset_map.jpg');
  background-color: green;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0;
  height: 100vh;
}

推荐阅读