如何把HTML文件的背景图片设成全屏?
发布网友
发布时间：2022-04-23 02:52
共8个回答
懂视网
时间：2022-04-06 14:36
html怎么设置背景图片全屏平铺？
1、新建一个html文档。
2、设置一下HTML的框架，然后把图片设置在同一个文件夹里面。
3、加入<style type="text/css"></style>，这样可以有样式设置。
4、因为背景设置在主体，所以还要定义为body{}。
5、background-image:url(图片)，这个是添加图片的意思。
6、然后我们需要加入background-repeat:repeat-x;这个时候就会横向平铺。
7、background-repeat:no-repeat;这样就可以不重复平铺。
8、background-repeat:repeat-y;这个指令是纵向平铺。
9、background-repeat:repeat;这样则是全屏平铺。
推荐教程： 《HTML教程》
热心网友
时间：2022-04-06 11:44
步骤一、首先打开需要修改的HTML文件。
步骤二、然后始化样式，将代码添加在<style></style>标签内。
步骤三、添加一个div容器，然后命名为bg-box
步骤四、背景全屏需要容器全屏，将bg-box的样式补全。
步骤五、设置完毕，图片背景以及全屏了。
热心网友
时间：2022-04-06 13:02
1、最简单方法使用css3.0新增的一个属性background-size，代码如图。IE8以下不支持。
2、打开浏览器查看效果如下：
3、使用css代码如图。支持IE9+，IE 7/8: 平铺效果支持，但是在小于1024px的屏幕下居中效果失效。
4、然后打开浏览器效果如图所示。
5、之后使用jQuery模拟的方法。css代码如图。
6、然后jquery部分代码如图所示。
热心网友
时间：2022-04-06 14:37
1、在body加入 <body background="背景图.jpg">，但是图片是平铺。
2、因为background属性不能拉伸图片，只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img>，其中z-index:-1为了让该div在最下层，也就是背景。
示例：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>背景全屏</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
.d1{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:-1;
}
</style>
<body>
<div class="d1"><img src="背景图.jpg" width="100%" height="100%"/></div>
<center>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1></center>
</body>
</html>
热心网友
时间：2022-04-06 16:28
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
background-image: url(图片路径);
}
-->
</style></head>
<body>
aa</body>
</html>
热心网友
时间：2022-04-06 18:36
热心网友
时间：2022-04-06 21:01
热心网友
时间：2022-04-06 23:42
