1. 如何让网页背景图片全屏显示
网页背景图片用css实现全屏显示,首先需要的做的就是明确那个图片要加在那个元素上,将body上,就能实现全屏,因为body是包括浏览器的可见部分,提交一段代码:
<html>
<head>
<style>
body{
background:url('图片地址')repeat 0px 0px;
}
</style>
</head>
<body>
</body>
</html>
这样就能实现满屏,不过图片尺寸不够的话,会出现重复的。
2. 网页制作中如何将视频背景铺满
设置高宽 100%。
让网页视频铺满 1440*900的显示屏设置下就可以了打开点击全屏图标点击全屏就可以了更换电脑桌面分辨率,比如1440X900。
3. html里面怎样让背景图片全屏,使用width和height来定义吗,,
如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>网页背景图片默认情况下是重复平铺满整个页面。上面1方法是要求图片不重复,但又得占满浏览器所采用的方法。
4. css怎么让网页各屏背景全屏显示
css让网页各屏背景全屏显示,首先需要理解就是浏览器展示区域,其实就是body这个部分,想要让背景全屏的话,需要用到css的background这个属性,在选择好背景的图片就可以了,具体看下代码:
<html>
<head>
<style>
body{
background:url('图片地址')repeat 0px 0px;
}
</style>
</head>
<body>
<p>我是测试文字</p>
</body>
</html>
5. 如何把网页背景全屏显示,就像优酷这些网站一样
第二个同第一个。先建立一个宽100%div做为导航。下面一个div显示内容。宽度减少一些就行了。追问: 第一个添加背景的时候背景显示不是全屏的,就是周围还是有一小段白色的边框,不能把整个屏幕铺满~~(就像那个红色边框那样) 第二个也是这样的问题~~ 嗯嗯,可以了,不过我想问一下,如果我想自定义CSS代码:#bodybg {width: 100%; height: 100%; position: absolute;left: 0px;top: 0px;z-index: 0;} .stretch {width:100%; height:100%; 写在head内。 <style#bodybg {width: 100%; height: 100%; position: absolute;left: 0px;top: 0px;z-index: 0;} .stretch {width:100%; height:100%; background-color: #FF0000;}</style追问: 嘻嘻,你的答案很有帮助呀,我想问最后一个问题: 这个问题有不同的办法。一般是嵌套加了背景的div中。 如果你想更灵活,就让内容层浮起来。DW软件可以帮你做到这些,以后做的多了就不费吹灰之力了。qcomdd@taobao红色黎明的感言:
6. 网页是怎么用css实现在pc端,背景图全屏显示
有三种:
1.一张很大的图,宽达到1920左右,常见的显示器它都能覆盖,你再换大点的显示器分辨率会发现周围露出来了,并不是真的全屏。
2.css3背景可以缩放,这个属性:background-size;
低版本ie不支持背景缩放的,要兼顾低版本ie的话就不是背景图了,直接img插入图片,然后用js取屏幕大小把值赋给图片的宽高,让图片始终等于窗口大小,然后把图片绝对定位后加z-index: -99999;让其他东西都叠在这个图上面,看上去像背景。
方法2的缺点是当浏览者分辨率很大时,图片会拉模糊。
3.h5的画布或svg矢量图,可拉到任意大,真正全屏,写几段js控制里面元素还可以有炫目的动画,缺点是太卡通,不适合表现真实质感的地方。
7. HTML网页文档中怎么设置背景图片全屏显示,且能随着分辨率改变而改变
<style type="text/css">
body{FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='a.jpg',sizingMethod='scale');
margin0px;
}
</style>
这是全屏的背景代码~
这个不管图片多大尺寸都是满屏,也就是拉伸图片,会变形,你可以设置简单的背景,如斜纹一类的