1. html设置背景图片全屏
这个我做过八点到—电动自行车租赁
这个页面就有开场动画（请用PC打开，手机打开是没有的代码很简单html部分
css部分js部分原理就是一个遮罩层放在最上面，文档加载完成（或者其他触发条件）后，将遮罩层隐藏。
2. html设置背景图片全屏怎么设置
然后我们需要加入background-repeat:repeat-x;这个时候就会横向平铺。
background-repeat:no-repeat;这样就可以不重复平铺。
background-repeat:repeat-y;这个指令是纵向平铺。
9/9
background-repeat:repeat;这样则是全屏平铺。
3. html设置背景图片全屏代码
background:url(xx.webp) ;这一句就是让图片铺满全屏的呀，如果你是加了
no-repeat的话，就不会铺满全屏了，再一个，你也可以写上一句：
background-size:100% 100%，就是让图片百分百显示，不过这样会对图片有拉伸，而且不兼容ie低版本的浏览器。
4. html设置背景图片全屏不变形
您好！css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。
如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
具体解决方法如下： 1、创建以下目录结构的测试页面。
2、将测试图片显示在浏览器界面上，效果如下。
3、通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。
4、通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。
5、通过CSS设置图片大小100%，效果如下，图片铺满窗口。
6、通过CSS设置图片大小cover，效果如下，图片铺满窗口。
5. html怎么设置全屏背景
CSS中，您可以使用颜色作为页面的背景进行处理，当然处此之外，您还可以将背景设置为图片，接下来，我为您介绍如何使用图片作为背景，并对其进行处理。
工具/原料
html
css
方法/步骤
1、我们在thml,创建一个div.并将这个div的背景设置为图片，当然，如果您需要将图片作为整个页面的背景，以下步骤也同样适用与您。
2、在上图中，有几个div，我们以id为d1的div为例。
3、创建了div后，我们需要为div添加样式。添加样式我们全部写在CSS文件中，并在html页面中引用。
4、具体的样式入下图所示。
5、我们首先使用了一张为regist.webp的图片作为背景，将其设置为背景。将图片作为背景的具体代码入下图所示。
6、如果我们的背景小于我们的页面，而页面没有固定宽度的话，那么图片背景就会产生平铺，我们需要设置不让其自动平铺。
7、利用可以对您的图片进行等比例扩大，当然也可以拉伸，拉伸会失真，这不是明智的做法。不过等比例获得您也会失去一部分图片。具体效果您可以试一试看。
8、裁剪溢出部分。
9、如果您的div已经有了需要占满全屏，您的div的宽度可以设置为100%,这样您的div会随您的页面改变其尺寸，但对于我们具体的业务div的宽度与高度根据您的需要进行设置即可。
10、如果您的div需要居中，您可以设置margrin:0 auto即可。
6. html设置背景图片全屏不重复
<script><!--function fullwin(){window.open("bigpage.html","bfs","fullscreen,scrollbars")}//--></script><center><form><input type="button" onClick="fullwin()" value="Open Full Screen Window"></form></center>
另外，如果想让已经打开的网页全屏，有以下两种方法：
1.使用ActiveX
<html><head><title>test</title><script language="JavaScript">function Fkey(){ var WsShell = new ActiveXObject('WScript.Shell') WsShell.SendKeys('{F11}');}</script></head><body><a>to full</a></body></html>
2.使用window.open模拟当前页:
<SCRIPT language="JavaScript"> function toFull(){ if(window.name=="fullscreen")return; var a =window.open("","fullscreen","fullscreen=yes") a.location = window.location.href window.opener=null window.close() } </SCRIPT> <html> <body> <input type=button value="full" onclick=toFull()> </body> </html>
7. html设置背景图片全屏透明
柠檬黄，赭石，朱红，紫罗兰，群青，墨绿，加白=高级灰（透明就加水和群青。）
8. html5设置背景图片全屏
HTML5网页在电脑端和手机端都全屏显示的步骤如下：
1、打开HTML5网页代码。
2、在网页头部加上新代码，让网页的宽度自适应设备的宽度。代码如下：initial-scale=1.0maximum-scale=1.0minimum-scale=1.0user-scalable=no" />
