我有以下图像：
http://i47.tinypic.com/219zkl.png
这需要作为 Foundation 框架中 .four-columns div 的背景。div 标题需要在黑色丝带中，内容在下面的框中。
我遇到的问题是让背景在浏览器中调整网格大小时正常运行。我不想仅仅为这个背景编写大量的媒体查询。我试过使用 background-size:cover 属性，但这会导致它在手机上看起来非常像素化，并且在平板电脑尺寸上没有正确覆盖 div。我也试过绝对定位，但也没有用。
有什么帮助吗？
谢谢！