html全屏铺满(html设置全屏背景图片)

1打开html开发工具，新建一个html代码页面，在html代码页面输入大量的文本内容，确保在浏览器上能有滚动条出现2引入一个jqueryjs库在title标签后面创建一个script标签，然后引入jqueryjs文件3新建一个script标签。

一打开Dreamweaver，然后选中html，出来了一个html标准文档二在标签里添加文件路径，语法如下这时，页面虽然充满了背景，但可以看出背景图片被填充zhidao了多次三在里添加样式，代码如下style=quotbackgroundrepeatno。

根据百度经验资料显示html让一张背景图片铺满的步骤如下1添加样式 打开代码编辑器，为body标签添加一个样式2添加背景图片为bg样式添加一个背景图片3添加背景全屏样式 在样式里添加backgroundsize 100% 100%。

通过激活点击它，可使浏览器方便地获取新的网页这也是HTML获得广泛应用的最重要的原因之一在逻辑上将视为一个整体的一系列页面的有机集合称为网站Website或Site超级文本标记语言英文缩写HTML是为“网页。

1首先新建一个html文档2其次达到杭州机场后，设置一下HTML的框架，然后把图片设置在同一个文件夹里面3最后设置html和body的高度为100%，给背景添加背景图片，并设置backgroundsize为100%即可将背景图片铺满。

html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下1首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以2然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片3然后。

backgroundurlxxjpg 这一句就是让图片铺满全屏的呀，如果你是加了 norepeat的话，就不会铺满全屏了，再一个，你也可以写上一句backgroundsize100% 100%，就是让图片百分百显示，不过这样会对图片有拉伸。

布局宽度width100%即可 小的方面或者细节方面可以固定，整体用百分比来控制，这样就会全屏还有一种方法用@media screen，来判断浏览器的宽度如media screen and minwidth360pxbody，input，selectfontsize。

使用纯CSS即可实现你要的效果，图片会根据窗口大小自动调整为全屏大小，代码如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltstylehtml，body height100%body margin0 padding0a img border。

如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用ltbody style=quotfilterprogidsrc=#391jpg#39，sizingmethod=#39scale#39quot，实现背景拉伸铺满。

设置以重复的方式填满页面以及是否平铺何种方式平铺backgroundrepeat norepeat默认repeat以重复显示图片的方式铺满页面norepeat不平铺仅一张图片不重复，以拉伸的方式填满页面backgroundsize cover。

没看到代码就只能说出我所猜想的了标签没闭合，也就是你代码错误 你用了iframe 页面嵌套进去，而这个iframe又不占据全屏高度 你对height的理解有问题，html，bodyheight100%的意思是获取浏览器的高度并且赋值给html，body。

html语言背景图片拉伸代码backgroundsizecover，可以使图片拉伸铺满背景。

具体支持情况看上面的图，浅绿的代表支持，粉红的不支持，你也可以到caniusecom自己查看支持性 lt！DOCTYPE html lthtml lthead ltmeta。

加入如下 CSSbody backgroundimage urlquot背景图片如果跟CSS不在同一路径下，记得改相对或绝对路径jpgquot backgroundsize cover backgroundrepeat norepeat backgroundattachment fixed。

不太明白你为啥要全屏，一般很少很少有人在html是里面将页面全屏的1你可以在html中用javascript代码来模拟按键F11，网上代码可以搜，但这样麻烦还要调浏览器安全级别2考虑做成一个application应用程序。

把图片和框架大小调成一样，然后用norepeat 这个关键字制定不重复图片就可以了。