如何从右到左平铺背景图像

Question

我有以下背景图片：

我想将它用作div的背景，但要放在div的底部，只能从左到右平铺，而不是从上到下。另外，我希望div的背景颜色为#e4e5e6，因此颜色显示透明块的位置。

这是我的开始：

HTML

<div class="tiles"></div>

CSS

 .tiles {
   width:100%;
   height:400px;
   background-color: #e4e5e6;
   background: url('tiles-bg.png') bottom left fixed ;
   background-repeat: repeat-x;
 }

然而，这种方法将图像置于中心，并且仍然从上到下拼贴。它也无法显示背景颜色。

Answer 1

尝试将所有与背景相关的属性放入一个声明中，如下所示：

.tiles {   
   width: 100%;
   height: 400px;
   background: #e4e5e6  url('tiles-bg.png') bottom left repeat-x;
 }

Working Fiddle

Answer 2

对于背景特征，你应该使用这样的东西：

background: #e4e5e6 url('tiles-bg.png') bottom left fixed repeat-x;

你看，propeties＆＃34;背景＆＃34; - 是一般的，当你使用背景颜色时，在背景之后，你关闭属性为背景颜色。