html中,怎么让背景图片充满整个页面
发布网友
发布时间：2022-04-23 05:01
共9个回答
热心网友
时间：2022-04-06 11:44
用Dreamweaver软件编辑
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。
二、在<body>标签里添加文件路径，语法如下：
<body background="文件路径">
这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。
三、在<body>里添加样式，代码如下：
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
你看，背景就充满页面了。
热心网友
时间：2022-04-06 13:02
1最简单做法
background-size:cover;但此法容易出现图片变形，因为图片大小随容器大小变动。
2兼容做法：假定图的大小为1920*1080
那么设置
background-size:1920px 1080px;background-position:center 0;
热心网友
时间：2022-04-06 14:37
让背景图片充满整个页面
在选择插入时设置尺寸
热心网友
时间：2022-04-06 16:28
background-size:cover;这是css3的新属性，更多web知识可以进群前面是29六中间是5九一后面是29零，每天都有分享
热心网友
时间：2022-04-06 18:36
我自己试出来的，希望有用
例子
<body background="D:\HTML\images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
text="#68228B" onload="setInterval('clock()',1000)">
热心网友
时间：2022-04-06 21:01
我这个方法也成功了
{ background:url(' + bodyBgs[randomBgIndex] + ') no-repeat 100% 0;background-size:cover }
热心网友
时间：2022-04-06 23:42
background-size: 100% 100%;
background-position: top center;
热心网友
时间：2022-04-07 02:40
首先要确定一点，背景图片还没有强大到自适应网页的大小的程度。目前的解决办法有几个：
1. 做一个很大的背景（居中显示），当小屏幕浏览时，只显示中间的部分;（缺点是要做一张足够大的背景图片，以满足大屏幕用户的需要，但对于手机用户或者网速比较慢的人来说，是不能够接受的……）
2. 做一个边缘能融合背景色的图片，这样当图片无法满足大屏幕，达到一定程度时，就可以用背景色来填充剩余的部分;（要用PS来处理，需要一些美感^__^）
3. 如果前两种，你都觉得不好，一定要让一张图片来自适应，那就把背景图片做成flash吧，因为它可以全屏自适应，然后把这个图片当成“背景”，再定位写其它网页元素。（缺点：手机用户还是不支持）
总之，各有利弊，要根据实际的需求，选择使用哪种解决方案！
热心网友
时间：2022-04-07 05:55
似乎用fp是做不到的，但其他软件我就不知道了
