css怎么让网页各屏背景全屏显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css怎么让网页各屏背景全屏显示相关的知识，希望对你有一定的参考价值。
我设计的这个页面分为四屏，每屏一种背景色表示一种内容板块，我不知道怎么让背景全屏显示，鼠标滚动后，内容自动到下一屏，谢谢大家啊，要是需要js的话，该怎么弄呢，有没有这样的教程或是模板啊
css让网页各屏背景全屏显示，首先需要理解就是浏览器展示区域，其实就是body这个部分，想要让背景全屏的话，需要用到css的background这个属性，在选择好背景的图片就可以了，具体看下代码：<html>
<head>
<style>
body
background:url('图片地址')repeat 0px 0px;
</style>
</head>
<body>
<p>我是测试文字</p>
</body>
</html> 参考技术A 1 你每一屏用一个DIV大框套一下不就行了啊~每一个DIV背景一不样
2你把四个背景连在一起，当成一个大背景图追问
可是每个显示器上分辨率不一样啊，怎么适应这些呢～
追答全屏了，DIV就用100％宽了啊!~
本回答被提问者采纳 参考技术B <div style="banckground-color:red; width:100%"><div style="width:（你每屏的宽度）; margin:0 auto;">你每屏的内容</div>
</div>
在CSS中怎用设置可以使背景图片全屏显示?
参考技术A background: url(ab.gif) repeat; //背景为ab.gif，横向、纵向平铺① 如果是做网站的水印背景，可以放到body里，
② 如果是做页面的背景，放到最外层的div里，
比如：
① bodybackground: url(ab.gif) repeat;margin:0px auto;
② .boxbackground: url(ab.gif) repeat;margin:0px auto;
单纯横向平铺：repeat-x
单纯纵向平铺：repeat-y
不平铺：no-repeat 参考技术B width:100%;background:(url) repeat-x;
拉伸了 就可以全屏显示了 参考技术C 在CSS文件里面
bodybackground:url(../images/*.*); 整个网页都是背景，不过要注意的是背景图宽度一定够，至于高度无所谓，让背景不循环显示就可以了，用《no-repeat》 参考技术D div
background:url(背景图片路径) repeat;
这样做就可以上下左右全部重复了. 第5个回答 2009-12-25 给body定义css width:100%;background:(url) ;
以上是关于css怎么让网页各屏背景全屏显示的主要内容，如果未能解决你的问题，请参考以下文章