Question

.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设置在显示背景图像的中心。现在我无法显示背景图像，框架在左侧而不是中心位置。

Answer 1

您可以为DIV添加背景图像，如下所示：

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

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

EDIT ::

并且没有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;}

Answer 2

您可以使用属性background-image。以下是示例

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

Answer 3

也许Image有错误的路径。如果您的CSS文件位于文件夹中，则必须使用两个点来访问它以访问父目录。

CSS float:center也无效。只需将其设为块元素，然后使用margin:auto;

对其进行居中

Answer 4

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

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

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

4 个答案: