Как задать непрозрачный фон ( background-color: #ffe;)

Win-ni · January 27, 2011

Здравствуйте !

Очень смешной вопрос. Мне нужно получить непрозрачный фон, чтобы сквозь него не просвечивал текст нижележащего слоя.

Думал, что если просто задать background-color: #ffe; (например), то и достаточно. Однако нижележащий слой просвечивает :-(

Посмотрите, пожалуйста, кусочки текста и подскажите, пожалуйста, что ему еще надо:

BODY {

background: #EEFFFF;

}

.menu1 {

font-size: 16pt;

font-weight:700;

font-face: Arial;

}

.in2 {

z-index:2;

/* float: left; Обтекание врезки по правому краю */

width: 200px; /* Ширина врезки */

background-color: #ffe; /* Цвет фона */

padding: 15px; /* Поля вокруг картинки */

margin: 5px 15px 0 130px; /* Отступы вокруг */

border: 1px solid #999; /* Параметры рамки */

}

.zz1 {

z-index:0;

position: absolute;

top: 90px;

margin: 20px;

padding: 20px;

}

</style>

. . .

Cправочный файл mke3.hlp можно просматривать и без программы. Вложенная папка Data (обязательный элемент программы) содержит несколько примеров расчета. К сожалению, при аварийных исходах не уничтожаются временные файлы, их нужно удалять вручную. Еще - к сожалению - программа написана для MS DOS.</p>

С 2002 года действует новый этап программы ООН «Борьба с бедностью», в которой много внимания уделяется ... и т д.

</p> </div>

</BODY></Html>

Кроме того, класс in2 делается видимым/невидимым с помошью javascript, но это к вопросу не относится, временно я это выкинул

и вопрос о непрозрачности остался.

Serlutin · January 27, 2011

Вы не тому классу задаёте фон.

.zz1 {
z-index:0;
position: absolute;
top: 90px;
margin: 20px;
padding: 20px;
background: #ccc; /* Фон под текстом*/
}

В вашем случае первым слоем служит фон у body. На него накладывается .in2, а третьим слоем .zz1 Третьему слою и нужно фон задавать.

Win-ni · January 28, 2011

Спасибо, попробую понять. Но заданный цвет фона устанавливается , просто сквозь него виден текст.

Буду разбираться.

Win-ni · January 29, 2011

Удалось всё же добиться чего хотел. Однако почему-то пришлось назначить z-index=-1. Вот текст странички, где выброшено всё лишнее:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>

</HEAD>

<Body>

<div style="position: absolute; top: 90px; left: 20px; margin: 20px; padding: 20px;

width= 90%; background: #ccc; z-index:-1; " >

С 2002 года действует новый этап программы ООН «Борьба с бедностью», в которой много внимания уделяется проблемам жилища. Для людей, которые не имеют возможности приобрести жилье по высоким ценам, но являются социально интегрированными и способными самостоятельно вести </p>

</div>

<div id = "p1" style="width: 400px; background-color: #ffe; padding: 0 18px 10px 18px;

margin: 5px 15px 0 0; border: 1px solid #000; z-index:2; ">

Программа выполняет расчет плоских рам методом конечных элементов. Строит эпюры ВСФ и линии влияния. Учитывает смещения опор.

Предназначена в основном для учебных целей и для проектирования небольших по числу элементов ( < 100, для Windows - намного больше, ограничивается объемом памяти) плоских рам.</p>

</div>

</BODY></Html>

Только теперь блок с текстом

"С 2002 года" ... располагается ПОД слоем "Программа выполняет...". Любые положительные z-index не дают этого результата, по крайней мере - не получается. Всё это работает под FireFox, MSIE6, Opera7, Opera9. Пока что не поставил MSIE7.

Win-ni · January 30, 2011

Если кому-нибудь интересно посмотреть что получилось: вот ссылка на страничку http://www.win-ni.narod.ru/web/DOM_Style3.htm

А тему можно закрыть. Спасибо.

Sign In

Как задать непрозрачный фон ( background-color: #ffe;)

Question

Win-ni

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Serlutin

Link to comment

Share on other sites

Win-ni

Link to comment

Share on other sites

Win-ni

Link to comment

Share on other sites

Win-ni

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information