不规则的div背景,具有响应式布局

时间:2012-12-17 08:13:20

标签: css background-image

我有以下图片:

http://i47.tinypic.com/219zkl.png

这需要成为Foundation框架中.four-columns div的背景。 div标题需要在黑色条带中,以及下面框中的内容。

我遇到的问题是在浏览器中调整网格大小时使背景正常运行。我不想仅为此背景编写大量媒体查询。我已经尝试过使用background-size:cover属性,但是这会导致它在手机上看起来像是非常像素化,而不是在平板电脑尺寸上正确覆盖div。我也试过绝对定位,但这也没有用。

有任何帮助吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

此背景太简单,无法使用图像。只需使用纯CSS。

如果您无法生成有角度的边框,这里有一个简单的教程> http://www.howtocreate.co.uk/tutorials/css/slopes