如何将背景图像添加到 div 标签答案

【问题标题】：How to add background image to div tag如何将背景图像添加到 div 标签
【发布时间】：2015-04-28 18:26:34
【问题描述】：

.slide{
 background-color: #000000;
 
    background-image: url('image/sample.jpg');

    width: 100%;
    height: 150px;
    max-width: 1920px; 
} 
.slide iframe{
     float:center; 
}
}

        <div class="slide">
          <iframe  src=""> 
        </div>  <!-- end of slide div -->

正在尝试将背景图像添加到 div 标签。但我无法添加它。我不知道我的代码有什么问题。

我想将 iframe 设置在显示背景图像的中心。现在我无法显示背景图像，并且框架在左侧而不是中心显示。

【问题讨论】：

您可能收到一条消息，告诉您不要链接到 JSFiddle，除非您的代码也包含在问题中。这意味着您应该在问题中包含您的代码，而不是告诉 stackoverflow 链接本身就是代码。
你的 HTML 是 invalid，你的 CSS 是 invalid。
没有float:center这样的属性

标签： html css

【解决方案1】：

您可以像这样为 DIV 添加背景图片：

div
{
background-image:url("image.jpg");
}

关于 iframe，如果我理解正确的话……你试过 float:left;

编辑::

没有float:center;，只有float:left和float:right;

您是否尝试将背景图片添加到iframe，如果是，您可以这样做：

.slide iframe{background-image:url("image.jpg");}

或者如果你想添加到 div，你可以这样做..

.slide{background-image:url("image.jpg");}

.slide iframe{background-color:transparent;}

【讨论】：

【解决方案2】：

确保为图像设置正确的路径。如果您的图像文件夹位于 css 父目录的目录中，请尝试此操作

background-image: url('../image/sample.jpg');

【讨论】：

【解决方案3】：

也许图像的路径错误。如果您的 CSS 文件位于文件夹中，则必须用两个点对其进行寻址才能到达父目录。

CSS float:center 也是无效的。只需将其设为块元素并以 margin:auto; 居中即可

【讨论】：

【解决方案4】：

您可以使用属性背景图像。下面是例子

<style type="text/css">
.divbackg {
    background-image: url(http://www.boltoday.com/wp-content/uploads/2014/10/only-3d-natural-1024x768.jpg);
}
</style>




<html>
<div class="divbackg">
    div with background
</div>

</html>

【讨论】：

我复制了这段代码并粘贴了它。我仍然有这个问题