Html CSS背景图像封面

我很难理解为什么我无法让

背景封面

属性在我的

div

中工作

.box{
高度：240px；
宽度：31.1111%；
边际：0px；
浮动：左；
框大小：边框框；
边框：10px实心#fff；
利润率：1.11111%；
-网络工具包盒阴影：0px 0px 5px 0px rgba（50,50,50,0.15）；
-moz盒阴影：0px 0px 5px 0px rgba（50,50,50,0.15）；
盒子阴影：0px 0px 5px 0px rgba（50,50,50,0.15）；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}

预览

内联样式具有。因此，

background

正在覆盖该属性

将

背景

更改为

背景图像

：

预览

在看了这个示例之后，您似乎更感兴趣的是使用值

contain

，而不是

cover

内联样式具有。因此，

background

正在覆盖该属性

将

背景

更改为

背景图像

：

预览

---

在看了这个示例之后，您似乎更感兴趣的是使用值

contain

，而不是

cover

背景

是一个常规属性，因此它包括：

背景图像

，

背景大小

，

背景颜色

，

背景位置

，等等

因此在本例中，您应该只使用

背景图像

，因为

背景

正在覆盖上述css定义的属性

---

背景是一个通用属性，因此它包括：

背景图像

，

背景大小

，

背景颜色

，

背景位置

，等等

因此在本例中，您应该只使用

背景图像

，因为

背景

正在覆盖上述css定义的属性

---

关于

如果将

背景

更改为

背景图像

请参见此处的工作演示：

为什么这样做？

---

background

是一个速记属性，通过将其内联，它将覆盖样式表中的其他

background size

属性。您可以了解有关的更多信息：

如果您将

背景

更改为

背景图像

请参见此处的工作演示：

为什么这样做？

---

background

是一个速记属性，通过将其内联，它将覆盖样式表中的其他

background size

属性。您可以了解更多关于：

首先，您的html无效。您缺少

。您能描述一下您遇到的问题吗？第二：正确定义。你想发生什么？如果没有这些信息，这个问题是无法回答的。我不能进入你的头脑，猜测你想要发生什么。好吧，首先你有无效的html。您缺少

。您能描述一下您遇到的问题吗？第二：正确定义。你想发生什么？如果没有这些信息，这个问题是无法回答的。我不能进入你的头脑，猜测你想发生什么。

<div class="box" style="background-image:url('http://www.addictedtoibiza.com/wp-content/uploads/2012/12/example.png');">
    <div class="overlay">
        <div class="buttonContainer">
            <button>preview</button>
        </div>
    </div>
</div>