Как разместить блок под текстом

Я попытался найти, как поместить блок цвета под текстом и 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

Как разместить блок под текстом

ответ

Смежные вопросы