美文网首页
给网页设置全屏背景图片

给网页设置全屏背景图片

作者: 守星的犬 | 来源:发表于2018-09-17 16:22 被阅读8次

首先设置页面宽高

html,body{
    width:100%;
    height:100%
}

添加设置背景图

body{
  width:100%;
  height:100%;
  background-size: cover;
  position:absolute; 
  background-image: url('../../assets/images/bg.jpg');
  background-position:50% 50%;
  background-repeat :no-repeat;
  background-attachment:fixed;
}

搞定。

相关文章

  • 给网页设置全屏背景图片

    首先设置页面宽高 添加设置背景图 搞定。

  • CSS背景图设置

    一、背景图设置使用背景图片，设置为全屏方式1：全部使用background设置 背景图片背景尺寸背景图是否重复背景...

  • 从屌丝到架构师的飞越（CSS篇）-CSS背景

    一、介绍 CSS背景指的是可以设置网页背景单一颜色、网页背景为图片、网页背景图片居中于网页、网页背景图片网页固定位...

  • CSS入门

    主要作用：给HTML网页设置外观或者样式 网页中文字的大小、颜色、字体、背景颜色、背景图片 属性值不添加引号 区别...

  • JQuery实现定时切换全屏banner

    如需设置全屏幕的banner，就不能用到img元素了，而是需要设置background-image，使背景图片垂直...

  • CSS边框图片--跟着李南江学编程

    一、形成border背景图片的原理 边框不只可以设置颜色，还可以设置背景图片，当给边框设置背景图片后，backgr...

  • [Flutter]设置背景图片

    需求：给整个屏幕设置背景图片。 实现：可以通过给Container设置BoxDecoration实现背景图片效果。...

  • html，css所遇问题（一）

    div中添加背景图片必须设置宽高 例如：下述代码没有设置icon的宽高值，那么网页中也不会显示出背景图片，因为di...

  • android沉浸式全屏显示

    客户需求: 首页要全屏显示, 顶部的状态栏要显示在首页的背景图片上直接上代码: 主题中设置状态栏透明