1_web_设置全屏背景

web_设置全屏背景

第一次写web的博客,以后博客里就会出现各种各样的博客了
希望自己的技术能够更上一层楼

登鹳雀楼
王之涣
白日依山尽，黄河入海流。
欲穷千里目，更上一层楼。

望岳
杜甫
岱宗夫如何，齐鲁青未了。
造化钟神秀，阴阳割昏晓。
荡胸生层云，决眦入归鸟。
会当凌绝顶，一览众山小。

我们先来看看人家的全屏背景是怎么做的，
比如魔兽世界的官方网站
http://wow.blizzard.cn/index.html

图片地址是http://blz.nos.netease.com/1/promos/promos-20170926.jpg

我们发现我们用浏览器的放大和缩小（ctrl+"+"或者"-"）
完全不影响他的背景大小

下面是css代码

1.图片地址
2.attachment,这个就是当页面滚动的时候,背景固定不动
3.repeat,这个就是图片大小不够的时候,不重复
4.size:cover,背景图像扩展至足够大，以使背景图像完全覆盖背景区域

1_web_设置全屏背景相关推荐

Vue项目设置全屏背景图片上方有白边的问题
今天在Vue框架下写一个登录页面想弄个全屏的背景,添加完背景图片之后发现上方有一个小小的白边,并且添加完成之后整个页面是可以稍微上下滑动的,非常的不美观. 就是这个非常小的白边,让整个页面都可以滑动 ...
php网页全屏背景图代码,HTML5 body设置全屏背景图片的示例代码
用什么代码实现?不允许有白色底色产生,因为手机高度不一样设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面错误的写法:加到div中结合图片设置min-height, ...
css样式里把背景设置为图片,利用css如何设置全屏背景图片
利用css如何设置全屏背景图片如果你有一张比较绚烂的图片想做背景,可以这样设置,就跟随百分网小编一起去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网! 代码如下: body{ backg ...
css 全屏显示一张图片_css如何设置全屏背景图片
css如何设置全屏背景图片导语:网页背景设置倒不是很难,但是要全屏可控制呢?你还觉得容易吗?以下的是百分网小编为大家搜集的用css设置全屏背景图片的实例,希望对你有所帮助. 如果你有一张比较绚烂的图 ...
HTML5 body设置全屏背景图片
之前这样加背景图测出来有的手机浏览器上全屏背景图宽度超过屏幕宽度,比如mate9,oppo X9上 <div class='box'></div>html,body{width ...
全屏图片php模板,CSS_css 设置全屏背景图片，如果你有一张比较绚烂的图片 - phpStudy...
如果你有一张比较绚烂的图片想做背景,可以这样设置: 复制代码代码如下: body{ background:url(img.jpg); background-position:center; backg ...
css 设置全屏背景图片
如果你有一张比较绚烂的图片想做背景,可以这样设置: 复制代码代码如下: body{ background:url(img.jpg); background-position:center; b ...
vue中设置全屏背景
在Vue项目开发中,有时候我们要向页面中添加一些背景图片,可是当我们在样式中添加了背景图片,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,列如下面的CSS样式就会出现报 ...
HTML5 body设置全屏背景图片如何让body的背景图片自适应整个屏----实战经验 1
用什么代码实现?不允许有白色底色产生,因为手机高度不一样设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面错误的写法:加到div中结合图片设置min-height, ...

1_web_设置全屏背景

1_web_设置全屏背景相关推荐

最新文章

热门文章