需要幫助設置一個容器div的紋理背景

Question

我想設置一個紋理背景到一個容器div。我的CSS如下：

.container { 
    background-image: url(..img/texture-one.png) repeat; 
} 

我的問題是，圖像沒有顯示出來。如果我在我的HTML中製作img標記，則圖像使用相同的路徑顯示。

Answer 1

.container { 
    background-image: url("img/texture-one.png"); 
    background-repeat: repeat-y; 
} 

Answer 2

也許只是在圖像鏈接周圍添加引號？

.container { 
    background-image: url("img/texture-one.png"); 
} 

Answer 3

你也可以顯示HTML代碼嗎？

如果你在容器中有浮動的元素，那麼容器的高度爲0，所以你看不到東西。在這種情況下，您應該在容器上使用overflow: auto;。

Answer 4

background-image只能有圖像路徑。

background-image: url|none|initial|inherit;

背景爲多個背景特性的簡寫。

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

因此，你需要：

.container { 
    background: url(..img/texture-one.png) repeat; 
}