CSS <div>

Post Reply
crazzybg
Турист
Турист
Posts: 210
Joined: Sun Dec 11, 2011 10:30 pm

CSS <div>

Post by crazzybg » Mon Jan 07, 2013 1:27 pm

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

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

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


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

User avatar
deam0n
Web-tourist
Web-tourist
Posts: 3021
Joined: Sat Oct 01, 2005 4:33 pm
Answers: 204
Location: Шопландия
Contact:

Post by deam0n » Mon Jan 07, 2013 1:29 pm

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

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

[css]

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

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

explozen
Турист
Турист
Posts: 413
Joined: Thu Feb 10, 2011 7:15 pm
Answers: 13

Post by explozen » Mon Jan 07, 2013 2:33 pm

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

Иначе може и с 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]

Post Reply