logo标签列表

当使用多个背景时，指定背景的重复和位置

cssbackgroundbackground-image
4
我试图应用两个背景图片。一个是颜色重复块，我希望它沿x轴重复出现。另一个只是单个图片，我只想让它出现一次。
我使用了多个背景图片来尝试将这两个图像应用于同一个div，但我不知道如何针对每个背景规则来定位特定的背景。
背景1需要具有顶部和repeat-x的位置。 背景2需要具有右上角和no-repeat的位置。
多个背景是否可以实现此功能，还是我必须返回到嵌套两个单独div的旧方法？
JS Fiddle：http://jsfiddle.net/nnq4S/ 灰色背景应跨越整个容器的顶部，而丝带应保持不动。
1个回答
3
我手头没有测试，但这个能用吗？
background:url(bg1.png) top left repeat-x, url(bg2.png) top right no-repeat;
抱歉，我刚刚添加了一个JS。不过现在我会尝试一下 :) - Francesca
嗨，是的，这个可以用！谢谢！所以我只需要输入我的速记背景属性，并用逗号分隔两者即可。太好了，谢谢 :) - Francesca
我相信在长手写符号中也可以使用逗号：background-repeat:repeat-x, no-repeat; - nkorth
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接