CSS <div>

[crazzybg]

Искам да попитам как мога с помоща на CSS да речем съм задал на даден <div class='1'> или <table class='1'>

[css].1{
background-color: #333;
}[/css]

той да стои примерно на 50% прозрачност ? или се използва javascript/jquery за тази мълния ?
и ако се прави с CSS дали всички Browsers го разчитат и дали някой може да сподели какъв е кода ?


Благодаря предварително и честит имен ден на всички Ивановци , иванки и т.н от "мезето" боли глава не яжте много

 

[deam0n]

По-удачно ще е да се напрваи с прозрачна картинка за да е по-съвместимо при различните браузъри..

Иначе може и с CSS.

[css]

.1 {
opacity: 0.5;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}[/css]

Друг гаден проблем на opacity зададено с CSS, е че и текста става прозрачен. Не само фона.

 

[explozen]

По-удачно ще е да се напрваи с прозрачна картинка за да е по-съвместимо при различните браузъри..

Иначе може и с CSS.

[css]

.1 {
opacity: 0.5;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}[/css]

Друг гаден проблем на opacity зададено с CSS, е че и текста става прозрачен. Не само фона.

А имаш ли представа защо под Chrome имам shadow на даден елемент а под Mozilla няма?

Ето дива:
[css] -moz-box-shadow: 0 0 2px black;
-webkit-box-shadow: 0 0 2px black;
box-shadow: 0 2px 9px black;[/css]