Responsive Background Image

如果只要Responsive Image用max-width: 100% + width:auto + height: auto已經可以做到 (甚至有人Develop了局部Resolution顯示的能力)，可是Background Image呢?

2 ways.

  1. background-size:cover: 詳細的探討在這篇有，也有fallback (jQuery Anystretch)

  2. border-image: Demo. 不過正如demo所言chrome很buggy…

Tags: responsive background css