эффект прозрачности

[milo]

я хочу чтобы фон блока с текстом был немного светлее остального фона. то есть чтобы блок с текстом был как бы бледнее. вот примерчик (в графическом редакторе набросал быстренько): st-miller.narod.ru/prim.jpg. подскажите, пожалуйста, как это можно сделать?

[Aykroyd]

Задать фоновый цвет для любого блока можно с помощью свойства background-color.

Исходя из Вашего вопроса не совсем понятно что именно у Вас не получается. Либо конкретизируйте свой вопрос, либо код – в студию...

[Zigzag]

если вам необходимо задать полупрозрачность для блока, то вот вам код

filter:alpha(opacity=30); /* для IE4 и IE5 и ниже */
.img1 { filterrogidXImageTransform.Microsoft.Alpha(opacity=50); для iE 5.5 и 6 */
-moz-opacity: 0.3; /* для старых версий FF и Mozilla */
-khtml-opacity: 0.3; /* для предпоследней версии Konqueror */
opacity: 0.3; /* для последних версий FF, Opera, IE7 (вроде бы) */

[garA]

Исходя из Вашего вопроса не совсем понятно что именно у Вас не получается

Честно говоря, я тоже ничего не понял..

P.S. Да, уж.. Динамичный форум.. пока я набирал сообщение, уже ответили на вопрос.. :biggrin2:

[Aykroyd]

Там еще, кстати, закругленные углы у блока на иллюстрации присутствуют...
Это еще больше добавляет некоторой "пикантности"... :ninja:

Павел, это не по твоему ли текущему проекту вопрос?

[Zigzag]

Originally posted by Aykroyd@Feb 22 2007, 14:16
Там еще, кстати, закругленные углы у блока на иллюстрации присутствуют...
Это еще больше добавляет некоторой "пикантности"...* :ninja:

Павел, это не по твоему ли текущему проекту вопрос?*
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

очень похоже на то

[milo]

Originally posted by Zigzag@Feb 22 2007, 12:00
если вам необходимо задать полупрозрачность для блока, то вот вам код

filter:alpha(opacity=30); /** для IE4 и IE5 и ниже */
.img1 { filterrogidXImageTransform.Microsoft.Alpha(opacity=50); для iE 5.5 и 6 */
-moz-opacity: 0.3; /* для старых версий FF и Mozilla */
-khtml-opacity: 0.3; /* для предпоследней версии Konqueror */
opacity: 0.3; /* для последних версий FF, Opera, IE7 (вроде бы) */
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
а можно поподробнее немного? это яваскрипт? а то я начинающий... это похоже именно то, что мне надо. полупрозрачность. стандартными средствами css, как я понял, нельзя это сделать.

Originally posted by Aykroyd@Feb 22 2007, 12:16
Павел, это не по твоему ли текущему проекту вопрос?*
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
ой нет, это не Павлу никакому, это я хочу на сраничке так сделать, извратиться, так сказать.
на других форумах задавал тот же самый вопрос, ответа так и не получил. решил обратиться к Вам.

[Zigzag]

Originally posted by milo+Feb 23 2007, 08:54-->

а можно поподробнее немного? это яваскрипт? а то я начинающий... это похоже именно то, что мне надо. полупрозрачность. стандартными средствами css, как я понял, нельзя это сделать.

все это прописывается в CSS

filter:alpha(opacity=30); /* *для IE4 и IE5 и ниже */
.img1 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* для iE 5.5 и 6 */
-moz-opacity: 0.3; /* для старых версий FF и Mozilla */
-khtml-opacity: 0.3; /* для предпоследней версии Konqueror */
opacity: 0.3; /* для последних версий FF, Opera, IE7 (вроде бы) */

вот это свойство

opacity: 0.3

и есть CSS в своей третьей редакции, все остальное, так называемые заглушки, т.е. свойства, поддерживаемые, конкретными браузерами, в виду отсутствия поддержки оригинального свойства.

<!--QuoteBegin-milo@Feb 23 2007, 08:54
[b]ой нет, это не Павлу никакому, это я хочу на сраничке так сделать, извратиться, так сказать.

Павел это я. И просто в данный момент работаю с похожим блоком на одном проекте.

[milo]

Originally posted by Zigzag@Feb 23 2007, 08:34
[b]все это прописывается в CSS

filter:alpha(opacity=30); /* *для IE4 и IE5 и ниже */
.img1 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* для iE 5.5 и 6 */
-moz-opacity: 0.3; /* для старых версий FF и Mozilla */
-khtml-opacity: 0.3; /* для предпоследней версии Konqueror */
opacity: 0.3; /* для последних версий FF, Opera, IE7 (вроде бы) */

прям в таком виде и прописывать в таблицу стилей?

[Aykroyd]

Originally posted by milo@Feb 23 2007, 12:57
прям в таком виде и прописывать в таблицу стилей?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Прям в таком.
Конечно, не забываете свойства и их значения заключать в фигурные скобки...
Ну и назначать эти свойства нужно, конечно же, соответствующему селектору, классу или идентификатору...
Комментарии можно опустить...

[milo]

filter:alpha(opacity=30); /* *для IE4 и IE5 и ниже */
.img1 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* для iE 5.5 и 6 */

то есть как я понял вот эти строчки сами включаются когда ишачек страницу загружает? хм... интересно, че то я не слышал раньше об этом

[Aykroyd]

{filter:alpha(opacity=30);} – это не строчка. Это свойство и значение, которые должны быть назначены соответствующему селектору, классу или id.

.img1 {filterrogidXImageTransform.Microsoft.Alpha(opacity=50);} – это тоже свойство и значение, назначенные классу .img1.