2015-09-03 51 views
0

我想將此標題放在CSS中,但沒有運氣,我試着把它放在寬度容器,但它只是重複自己。嘗試通過CSS添加標題是重複

background:url(http://outpostmotorsports.com/OPMSwordpress/wp-content/uploads/2015/09/Y5a5qUNx6jvD9pN6AH5VMslP656QnElptjDvGKR65Fk.jpg) no-repeat; 

編輯添加CSS代碼

.width-container, .flex-caption .slider-container {-moz-transition: all 
.2s ease-in-out; -webkit-transition: all .2s ease-in-out; 
background:url(http://outpostmotorsports.com/OPMSwordpress/wp-content/uploads/2015/09/Y5a5qUNx6jvD9pN6AH5VMslP656QnElptjDvGKR65Fk.jpg) no-repeat;} 

如果你在CSS看看源你會Ç寬行41

我嘗試添加標題爲所有頁面容器從這裏開始

http://outpostmotorsports.com/OPMSwordpress/inventory/1989-harley-davidson-sportster/

注2

它仍然呈現出三次 enter image description here

+0

這裏是CSS代碼? –

+0

檢查編輯我還要求檢查活的網址,看看爲什麼snipet沒有工作 – rogue39nin

+0

試試這個。(!important)'background:url(http://outpostmotorsports.com/OPMSwordpress/wp-content/uploads/ 2015/09/Y5a5qUNx6jvD9pN6AH5VMslP656QnElptjDvGKR65Fk.jpg)無重複!重要' –

回答

0

試試這樣說:

background:url(http://outpostmotorsports.com/OPMSwordpress/wp-content/uploads/2015/09/wp_header.jpg) 
background-repeat: no-repeat; 

的背景重複屬性集,如果/背景圖像將如何 重複。

默認情況下,垂直方向和 水平重複背景圖像。

提示:背景圖像根據 background-position屬性放置。如果沒有指定背景位置, 圖像始終放置在元素上留下

來源:(W3Schools的)

祝你好運!

+0

其仍然在做三次ffs – rogue39nin

+0

也許它不是正確的div,因爲它在代碼中重複可以看看正確的div plz – rogue39nin

+0

沒有注意到你編輯了你的後,我會看看。 –

0

如果您使用此代碼

.width-container, 
.flex-caption .slider-container { 
-moz-transition: all 
.2s ease-in-out; 
-webkit-transition: all .2s ease-in-out; 
background:url(http://outpostmotorsports.com/OPMSwordpress/wp-content/uploads/2015/09/Y5a5qUNx6jvD9pN6AH5VMslP656QnElptjDvGKR65Fk.jpg) no-repeat; 
} 

,那麼你要添加的背景圖片多個元素。

我建議你嘗試添加規則:

.width-container{ 
background:url(http://outpostmotorsports.com/OPMSwordpress/wp-content/uploads/2015/09/Y5a5qUNx6jvD9pN6AH5VMslP656QnElptjDvGKR65Fk.jpg) no-repeat; 
}