我有一个大型div，用户可以用图案或自己的图像换掉背景。对于尺寸不足以覆盖整个div的小背景图像，我希望图像水平和垂直重复，而不是伸展到超过其自然宽度的100％。对于覆盖div宽度以上的较大图像，我想限制它们不超过div宽度的100％，以便可以看到图像的整个宽度。
有没有办法在不使用JavaScript的情况下完成此任务？
此处的Plunker：http://plnkr.co/edit/Pkx49a3Ku34YsupqLCRs?p=preview
#background1应该重复，因为它目前是
#background2不应超出容器宽度的100％
为了澄清，我正在寻找一种不涉及JS的解决方案，并且适用于两种情况（不能只为特定元素添加样式）