css - 具有 CSS 定位的多个背景

标签 css background repeat

我将如何制作这种背景:我有一张 150 像素 x 150 像素的图像,我想在整个背景中重复该图像。但是最上面的一行(顶部 150px)不同的图像应该只在 x 轴上重复。同样在底部,第三张图像的底线应该在 x 轴上重复。我该怎么做?谢谢!

最佳答案

试试这个!

body {
    bacground: url(topbackground.png) repeat-x, 
               url(bottombackground.png) bottom fixed repeat-x,
               url(centerbackground.png);
}

另外,这里有一个带有一堆小猫图片的例子的链接!

http://jsfiddle.net/7Rt99/

关于css - 具有 CSS 定位的多个背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17795060/

相关文章:

c - GL_REPEAT 和 GL_CLAMP 给出相同的结果

html - 当我添加 <DIV> 时出现底部滚动条,即使它不大于页面宽度

html - Swfupload,悬停时改变颜色

css - PNG 背景图像在 Firefox 3.x 中消失并且不加载

css - 无法阻止背景图像向下移动

php - 数据重复(而不是重复)

java - 在 Java 中使用重复来命名对象

css - Divshot CSS 导入不起作用

php - MPDF57 CSS3 列表样式 :none not being applied (or isn't supported) for <UL> items inside <TD> element

iphone - iOS 应用程序 - 如何每 60 秒检查一次服务器更新?