Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将背景图像添加到div标记_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 如何将背景图像添加到div标记

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

html css

Html 如何将背景图像添加到div标记,html,css,Html,Css,。幻灯片{ 背景色：#000000； 背景图像：url（'image/sample.jpg'）； 宽度：100%； 高度：150像素； 最大宽度：1920像素； } .滑动iframe{ 浮动：中心； } } 您可以像这样为DIV添加背景图像： div { background-image:url("image.jpg"); } 关于iframe，如果我理解正确的话。。。您是否尝试使用float:left 编辑：： 并且没有float:center，只有浮动：左和浮动：右 您是否正在尝试将背

。幻灯片{
背景色：#000000；
背景图像：url（'image/sample.jpg'）；
宽度：100%；
高度：150像素；
最大宽度：1920像素；
} 
.滑动iframe{
浮动：中心；
}
}
您可以像这样为DIV添加背景图像：

div
{
background-image:url("image.jpg");
}
关于iframe，如果我理解正确的话。。。您是否尝试使用
float:left

编辑：：

并且没有
float:center
，只有
浮动：左
和
浮动：右

您是否正在尝试将背景图像添加到
iframe
，如果是，您可以按以下方式执行：


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


或者，如果要添加到div，可以执行


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

.slide iframe{background-color:transparent;}



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




D.Divback{
背景图片：url(http://www.boltoday.com/wp-content/uploads/2014/10/only-3d-natural-1024x768.jpg);
}
有背景的div

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


CSS
float:center
也无效。只需将其设置为块元素，并使用
margin:auto将其居中
确保为图像设置了正确的路径。如果您的图像文件夹位于css目录的父目录中，请尝试以下操作


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



您可能会收到一条消息，告诉您在问题中不包含代码的情况下不要链接到JSFIDLE。这意味着你应该在问题中包含你的代码，不要告诉stackoverflow链接本身就是代码。你的HTML是，CSS是。没有像
float:center
这样的属性。我复制了这个代码并粘贴了它。我仍然对此有问题