网页背景图片全屏设置_html/css_WEB-ITnose
程序员文章站
2022-04-11 22:58:08
...
1.首先设置body的高度为100%,overflow属性设为hidden(溢出隐藏)
2.body内div宽和高都设为100%,overflow属性设为hidden ,z-index:-1(确保背景图片在最下面)
3.设置div内的img宽高都为100%;
html 代码如下:
css代码如下:
body { background: #888 none repeat scroll 0 0; font-family:'Microsoft YaHei'; height:100%; margin:0; padding:0; overflow:hidden;}.lay_background { width:100%; height:100%; z-index:-1; overflow:hidden;}.lay_background_img { width:100%; height:100%;}
下一篇: php 随机输出名人名言的功能示例代码
推荐阅读
-
css网页中设置背景图片的方法详解
-
HTML5 body设置自适应全屏
-
VisualStudio怎么给网页插入全屏显示的背景图片?
-
设置按钮背景图片(HTML-CSS)
-
小程序设置背景图片,背景图片覆盖全屏,图片url获取方法
-
关于网页路径的疑惑_html/css_WEB-ITnose
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
求解如何在表格边框中设置颜色_html/css_WEB-ITnose
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
获取网页源码问题_html/css_WEB-ITnose