zoukankan      html  css  js  c++  java
  • IE 浏览器background image 属性问题

      background-size 如果以百分比的形式设置参数,第一个参数是宽度,第二页参数是高度。“如果只设置第一个参数,则第二个参数为auto”。这样设置,在Firefox chrome 浏览器中,图片都能根据元素的大小,平铺到元素上。

    background-size: 100%;
    

      但是,在IE 浏览器上,如果元素的高度大于图片高度时,图片将"repeat"显得,我们期望的结果:在高度时,图片也能均匀地拉伸,以达到铺满元素的效果。

    background-size: 100%;
    background-repeat: no-repeat;
    

      设置background-repeat 属性值为no-repeat后,图片缩回到它原来的大小的位置了。但是还是没达到我们的期望。

      将background-size 的宽度和高度,都设置成100%的形式,可以实现图片均匀地拉伸显示到元素背景上。

    background-size: 100% 100%;
    

      

  • 相关阅读:
    【leetcode】二叉搜索树的最近公共祖先
    052-12
    052-11
    052-10
    052-9
    052-8
    052-6
    052-5
    052-3
    052-2
  • 原文地址:https://www.cnblogs.com/liujiangyi/p/5842119.html
Copyright © 2011-2022 走看看