多个背景图像的内容div

我有麻烦使用CSS来放置两个背景图像的div。第一张图像是透明的边框圆角的顶部。接下来的是相同图像的身体的10px高，没有拐弯的拐角。我想让第一张图片在上面，下一张图片在右边重复，直到页面底部，而不管内容如何。有人可以帮助我的CSS。每次我尝试时，第二张背景图片都会覆盖第一张图片，除非有内容，否则不会重复。谢谢多个背景图像的内容div

来源

2012-10-31 John Marsh

你必须使用div的高度属性来处理这个问题。如果你不设置属性，它会将图像放在另一个顶部，这是你现在面临的问题。

请参考以下链接，您将看到如何执行此操作的多个选项。

Can I have multiple background images using CSS?

希望这有助于..

来源

2012-10-31 16:43:16 pibcat

好吧，当我添加了下面的CSS代码都第一图像看起来不错，但是当我加入了第二图像两者的图像不显示？ '.content { \t height：100％; \t width：822px; \t margin-left：auto; \t margin-right：auto; \t background-image：url（../ images/body/main_top.png），url（../ images/body/main.png）; \t background-repeat：no-repeat，repeat-y; \t \t }'有什么想法？ –

试试这个 - 一个带有页面宽度和高度的主分区 - 在这个主分区中做2个子分区A，B。 A为圆角B为身体。为A设置固定高度并将B高度保留为自动。 – pibcat

像下面这样：

..类似的东西..假设你的图像宽度是822像素，以及..设置div A的背景图像作为角落一，并设置其他图像作为背景图像为B ....一个这样做的方法..希望这个答案ü寻找.. – pibcat

多个背景图像的内容div

回答

相关问题