如何將文本塊放在文本下方

我試圖找到如何在背景圖像的文本和ontop下面放置一塊顏色，以便文本不會與背景圖像混合。我一直無法找到如何去做。任何幫助都會受到極大的好評。如何將文本塊放在文本下方

這裏的style.css

body { 
    background-image: url("beach.gif"); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center; 
} 

p { color:#000000;line-height:2em;} 
p.margin { 
    text-align: justify; 
} 

#banner {position:relative, margin:auto auto;} 
#header{background-color: #fff; width: 1000px; position: relative; } 
#bannerL {position:relative, margin:auto auto;} 
#bannerR { 
    position: relative; 
    float: right; 
} 

h1 { text-align: center} 
h1 {font-size:50px}

來源

2013-12-14 user3089861

問候..你被邀請參觀http://stackoverflow.com/tour。它充滿了所有你需要知道的「如何」提出問題。印度用戶是正確的，你到目前爲止嘗試過什麼？詢問代碼的問題必須證明對所解決問題的最小理解。包括嘗試解決方案，爲什麼他們沒有工作，以及預期的結果。另請參閱：堆棧溢出問題清單。與此同時，將您的問題放在** [HOLD] **上，以避免您在編輯帖子時被降級。 –

我沒有嘗試過任何東西，我花了幾個小時試圖找到一件事要嘗試，並沒有avial。我甚至沒有發現任何問題，甚至回答我的問題。我不知道正確的條款是我的問題的一部分。我買了一本html書，但是它有點幫助 – user3089861

@ user3089861：你應該嘗試一下。這裏沒有人會爲你寫代碼.. – Karuppiah

您可以簡單地把一個background-color屬性p，像這樣：

p { 
    background-color: rgba(125, 0, 100, 0.7); 
}

或者你可以把你所有的文本轉換爲div，就像這樣：

<div class="content"> 
    All my content 
</div>

而在你的css中：

.content { 
    background-color: rgba(125, 13, 42, 0.7); 
}

來源

2013-12-14 10:36:22 Denis

如果您希望背景顏色遵循文本行，您將p標籤切換爲span標籤，而不是內聯顯示。

來源

2013-12-14 10:41:45 tommyskott

如何將文本塊放在文本下方

回答

相關問題