我如何使用纹理图像作为背景

Question

我使用纹理作为div的背景。但是它不能正常工作。背景如下图所示。我该如何解决问题??

我使用的css代码是

.promotion { background:url(img/promotion_image.png); background-repeat:repeat; background-position:0 0; }

Answer 1

你可以这样做：

.promotion {
  background: url(img/promotion_image.png) repeat top left;
} 

它应该只使用一行代码。

请注意，宽度和高度是显示div所必需的。

这是一个小提琴： http://jsfiddle.net/r3uLf3w1/

Answer 2

您正在设置background属性，这是所有background-...属性的简写，可能会覆盖稍后定义的属性。请尝试以下代码：

.promotion {
  background-image: url(img/promotion_image.png);
  background-repeat: repeat;
  background-position: 0 0;
}

注意background属性现在设置为background-image。

Answer 3

你可以试试这个

   .promotion {
      background: url("image path") repeat 0 0;
    }

Answer 4

您必须将宽度和高度设置为div的类。你做到了吗？