Html 调整窗口大小时背景图像重复（背景重复为不重复）

我的背景图像是重复的，即使在css中我有背景重复：不重复

为什么会这样

当我调整窗口大小时会发生这种情况

我有一个电视背景作为视频层

HTML:

只需删除背景重复并设置背景，如下所示：

 background: url(http://lorempixel.com/400/200/) center center no-repeat;

演示：

只需删除背景并重复设置背景，如下所示：

 background: url(http://lorempixel.com/400/200/) center center no-repeat;

---

演示：

在css中，后台重复被后台声明的默认值覆盖，因为css从上到下处理规则。如果切换“背景重复”和“背景”，则它将工作：

background: url(img/tv.png) center center;
background-repeat: no-repeat;
background-size: 100%;

---

在css中，背景重复被背景声明的默认值覆盖，因为css从上到下处理规则。如果切换“背景重复”和“背景”，则它将工作：

background: url(img/tv.png) center center;
background-repeat: no-repeat;
background-size: 100%;

你的背景重复：不重复；指令当前正被后台覆盖：。。。；属性，因为后者也接受重复/不重复指令，并放在后面

因此，必须向背景属性添加“不重复”，如下所示：

background: url(http://lorempixel.com/400/200/) center center no-repeat;

或移动背景重复：不重复；背景说明后。

您的背景重复：无重复；指令当前正被后台覆盖：。。。；属性，因为后者也接受重复/不重复指令，并放在后面

因此，必须向背景属性添加“不重复”，如下所示：

background: url(http://lorempixel.com/400/200/) center center no-repeat;

---

或移动背景重复：不重复；背景说明之后。

我认为这是因为将父属性与子属性一起使用。没有什么比得上父属性和子属性，一个是速记，另一个是通用属性declaration@Mr.Alien我只是忘记了这两种方法的名称我认为这是因为将父属性与子属性一起使用。没有什么比得上父属性和子属性，一个是速记，另一个是通用属性declaration@Mr.Alien我只是忘记了这两种方法的名称或者分离每个属性。或者分离每个属性。这个答案实际上解释了问题所在，它被代码中的速记属性覆盖。这个答案实际上解释了问题所在，它被代码中的速记属性覆盖。