次の画像があります。
http://i47.tinypic.com/219zkl.png
これは、Foundation フレームワークの .four-columns div の背景である必要があります。div の見出しは黒いリボンに、コンテンツは下のボックスに入れる必要があります。
私が抱えている問題は、ブラウザでグリッドのサイズが変更されたときに背景が適切に動作するようにすることです。この背景のためだけに大量のメディアクエリを書きたくありません。background-size:cover プロパティを使用してみましたが、これにより、携帯電話ではひどくピクセル化されたように見え、タブレット サイズでは div が正しくカバーされません。絶対配置も試しましたが、うまくいきませんでした。
何か助けはありますか？
ありがとう！