zoukankan      html  css  js  c++  java
  • 网页设计中让一张图片填充满整个画面背景

    方法一:

    设置两层div,底层div当做背景使用,放置一张图片即可。
    <div id="background" ><img src="1.jpg" width="100%" height="100%"/></div>

    再将网页内容放置到第二层上<div id="content">页面内容</content>

    方法二:

    background属性有个background-size属性,可以设置背景图片所占div的比例,可以拉伸或收缩。

    如果想在整个窗口显示背景图片,在body属性加上{background:url(); background-size:100% 100%;}

    这时能看到,整个背景图片显示在窗口中,且随着你的放大缩小可以拉伸。

    另外加上自己的box-sizing属性的补充:box-sizing只影响元素和其padding,跟背景颜色一样,背景颜色之在元素与其padding内显示。

  • 相关阅读:
    Python ES操作
    SVN总结
    MongoDB问题总结
    MySQL
    PyQt小工具
    Python logging模块
    shell脚本
    cmd命令
    eclipse java 项目打包
    Robot Framework:failed: Data source does not exist.错误
  • 原文地址:https://www.cnblogs.com/Dearmyh/p/9642972.html
Copyright © 2011-2022 走看看