如何把HTML文件的背景图片设成全屏?

用Dreamweaver做的... 用Dreamweaver做的 展开
 我来答
很多游戏
高粉答主

2019-12-02 · 游戏精通者,攻略技能点满
很多游戏
采纳数:91 获赞数:387008

向TA提问 私信TA
展开全部

1、最简单方法使用css3.0新增的一个属性background-size,代码如图。IE8以下不支持。

2、打开浏览器查看效果如下:

3、使用css代码如图。支持IE9+,IE 7/8: 平铺效果支持,但是在小于1024px的屏幕下居中效果失效。

4、然后打开浏览器效果如图所示。

5、之后使用jQuery模拟的方法。css代码如图。

6、然后jquery部分代码如图所示。

博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
hypercontrol
高粉答主

2020-04-20 · 说的都是干货,快来关注
知道大有可为答主
回答量:1.4万
采纳率:99%
帮助的人:412万
展开全部

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式,将代码添加在<style></style>标签内。

步骤三、添加一个div容器,然后命名为bg-box

步骤四、背景全屏需要容器全屏,将bg-box的样式补全。

步骤五、设置完毕,图片背景以及全屏了。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
言木者
推荐于2017-10-12 · 人生如行路,一路艰辛,一路风景。
言木者
采纳数:1845 获赞数:11488

向TA提问 私信TA
展开全部

1、在body加入 <body background="背景图.jpg">,但是图片是平铺。

2、因为background属性不能拉伸图片,只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img>,其中z-index:-1为了让该div在最下层,也就是背景。

示例:

<html>
<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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-10-12
展开全部
全屏代码<html>
<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>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-10-12
展开全部
在背景图片中加上属性 重复 就行了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式