background-size in shorthand background property (CSS3)

前端 未结 5 1290
再見小時候
再見小時候 2020-11-28 23:12

I\'m trying to mix background-image and background-size properties in a shorthanded background property. Based on W3C documentation

5条回答
  •  难免孤独
    2020-11-28 23:29

    1. Your jsfiddle uses background-image instead of background
    2. It seems to be a case of "not supported by this browser yet".

    This works in Opera : http://jsfiddle.net/ZNsbU/5/
    But it doesn't work in FF5 nor IE8. (yay for outdated browsers :D )

    Code :

    body {
      background:url(http://www.google.com/intl/en_com/images/srpr/logo3w.png) 400px 200px / 600px 400px no-repeat;
    }
    

    You could do it like this :

    body {
        background:url(http://www.google.com/intl/en_com/images/srpr/logo3w.png) 400px 400px no-repeat;
        background-size:20px 20px
    }
    

    Which works in FF5 and Opera but not in IE8.

提交回复
热议问题