HTML5技术

H5如何制作动态视觉差背景 - novai-L(2)

字号+ 作者:H5之家 来源:H5之家 2017-06-11 14:04 我要评论( )

#bei1{position: fixed ; //首先进行定位,相对浏览器定位,定在一左一右left: 0px; //通过调整左右距离定在屏幕左右z -index: - 1 ; //调整z-index使其置入最底层width: 13 % ; //合理调整宽度,使图片高度超过目

#bei1{ position: fixed;   //首先进行定位,相对浏览器定位,定在一左一右 left: 0px;    //通过调整左右距离定在屏幕左右 z-index: -1;    //调整z-index使其置入最底层 width: 13%;    //合理调整宽度,使图片高度超过目前市面上绝大多数的屏幕高度 img{ width: 100%;    //改变图片宽度为100% min-height: 1080px;    //这里是为了防止高度不足,设定的最小高度 } } #bei2{ position: fixed; right: 0px; z-index: -1; width: 13%; img{ width: 100%; min-height: 1080px; } }

将主要内容显示在屏幕中心,盖住边缘部分

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 邪恶改装:TPYBoard制作廉价WIFI干扰器 - 小五义

    邪恶改装:TPYBoard制作廉价WIFI干扰器 - 小五义

    2017-06-11 08:04

  • 【CSS3】使用CSS3制作全屏切换效果 - Glunefish

    【CSS3】使用CSS3制作全屏切换效果 - Glunefish

    2017-06-09 13:03

  • 如何在页面上实现一个圆形可点击区域 - Candice&Gladys

    如何在页面上实现一个圆形可点击区域 - Candice&Gladys

    2017-06-08 16:00

  • 【CSS3 + 原生JS】上升的方块动态背景 - Glunefish

    【CSS3 + 原生JS】上升的方块动态背景 - Glunefish

    2017-05-25 13:00

网友点评
S