css - 不规则div背景,响应式布局

标签 css background-image

我有以下图片:

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

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

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

有什么帮助吗?

谢谢!

最佳答案

这个背景太简单了,无法使用图片。只需使用纯 CSS。

如果你在制作 Angular 边框时遇到困难,这里有一个简单的教程> http://www.howtocreate.co.uk/tutorials/css/slopes

关于css - 不规则div背景,响应式布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13910467/

相关文章:

html - 如何在不隐藏它们的情况下发现被其他 DIV 覆盖的 DIV?

jquery - 如何用jquery改变 body 的背景图片

html - CSS从不同方向改变元素宽度

表格单元格中的 CSS 无边框背景图像

javascript - jQuery UI .scale() 效果产生奇怪的定位跳跃

javascript - 使用 jQuery 将类设置为在 click() 上处于事件状态

html - 背景图片适用于 Firefox 和 Explorer,但不适用于 Safari 或 Chrome

css - 在页面两侧设置固定背景图像

html - CSS 后台性能

css-grid 自动列宽