HTML设置背景图片填满整个页面

在标签里添加文件路径，语法如下：

这时，页面虽然充满了背景，但被填充了多次。

在里添加样式，代码如下：

background="${pageContext.request.contextPath }/statics/img/ball.gif" style=" background-repeat:no-repeat ; background-size:100% 100%;background-attachment: fixed;"

你看，背景就充满页面了。

图片自适应窗口大小：background-size:contain或background-size:100% 100%;

HTML设置背景图片填满整个页面相关推荐

CSS —— 背景图片填满DIV、鼠标滑过放大图片
1.让背景图片填满DIV 应用background-size属性可以设置背景图片填满整个div,background-size取值及解释如下: (1)background-size:cover MDN ...
html中的高和宽背景色怎么写,css background-size与背景图片填满div
background-size与背景图片填满div 在开发中,常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有 ...
html添加背景图片并且填满div,css background-size与背景图片填满div(示例代码)
background-size与背景图片填满div 在开发中,常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有 ...
html5 css背景图片满,css background-size与背景图片填满div
back和第,.年过事工宗据指数遍互业经搞断果会ground-size与背景图片抖要支圈者器说是事天开的.年后编定功口小发还应久剑填满div 在开发中,常分博累发口小定逻间框加题览果些屏洁动理应有需要 ...
设置div背景图片填满div
可以设置div的样式为 background:url('+UPLOAD_PATH+data.url+') no-repeat; background-size: 100%;width:100%;hei ...
Vue-cli中设置背景图片铺满整个屏幕
三种CSS设置方法,任选其一 <template><div class="wrapper"></div> </template>&l ...
uni-app设置背景图片占满全屏
话不多说,上图: 代码也很简单: 这里的样式写的内联,使用class不生效,记得最外面的盒子要设置宽高,不然显示不了. 第一次用uni-app开发~~,有不对的可以指出,谢谢. <templat ...
CSS设置背景图片撑满屏幕
方法一: position: fixed;left: 0;top: 0;width: 100%; height: 100%; background: url(../../assets/mask-bg. ...
css 设置背景图片铺满固定不动
#page{position: relative;width: 100%;height: 100%;background-image:url(../img/bg.JPG);background-att ...

HTML设置背景图片填满整个页面

HTML设置背景图片填满整个页面相关推荐

最新文章

热门文章