在所有內容上都有重複圖像

我遇到了一些麻煩，無法獲得具體的外觀。在所有內容上都有重複圖像

我有基本的Wordpress Twenty-Fifteen主題應用，我試圖讓一個200px寬的紅色條出現在屏幕的右側。

該欄由200x1px圖像重複製成。

的問題是：

A.）如果我設置爲「背景圖像」，然後重複的作品，但我不能頂得上的圖像。
B.）如果我將圖像設置爲一個DIV內的IMG ，那麼我可以將圖像置於頂部，但不能重複。

任何人都可以幫助我將這2個結果合併爲一個結果，重複圖像y和圖像上？

你可以看到我的網站在這裏：http://u64.ca/

來源

2015-08-19 level42

的圖像*所需*的結果將是有用的，但我真的想圖像/這裏背景圖像不要走的路。 –

那你有什麼建議？ – level42

直到我知道它應該看起來如何，它很難進一步評論。 –

試試這個，把它添加到你的CSS。這會影響直接在#main標記內的所有內容。

#main > * { 
margin-right: 200px; 
}

或者你可以應用邊框右側的.site-content和失去的背景iamge。

.site-content { 
    border-right: 189px solid #db0f12; 
}

來源

2015-08-19 14:05:34 Aaron

這兩者都只是將內容轉移。我希望能夠在紅色邊框（大約20px的價值）上重疊競爭對手 – level42

我會使用一個僞元素是這樣的：

main { 
    position:relative; 
} 

main:after { 
    content: ""; 
    width: 189px; 
    position: absolute; 
    top: 0; 
    right: 0; 
    height: 100%; 
    background-color: #DB0F12; 
}

來源

2015-08-19 14:35:18

這似乎是有效的，直到頁腳。我將更多地使用代碼。但是，謝謝！ – level42

您可以在頁腳上使用相同的名稱。據猜測，如果沒有再次瀏覽網站，我猜想頁腳可能不在'main'元素中。 –

更正，主要：後似乎把酒吧內的博客文章，而不是整個頁面。（身體：以後似乎工作，但沒有去頁面的長度） – level42

在所有內容上都有重複圖像

回答

相關問題