div saturs caurspīdīgs

[ziedinjsh]

div css man ir šāds:

background-color:#211101;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-moz-border-radius: 5px;
margin:2px 2px 2px 2px;
padding:0px 0px 0px 0px;
width:400px;
height:50px;
float:left;
postition:relative;

 

Bet tas kas atrodas man iekšā arī ir caurspīdīs.. Bildes un teksts ka var panāk tolai div saturs nav caurspīdīgs?

[mefisto]

Neturot tā DIV'a "saturu" tajā DIV'ā.

Vai arī izmanto PNG fonu + sliding doors.

 

 

If you can't make it, fake it.

[Maris-S]

Ja gribi ar css, tad mēģini sekojoši:

 

Definē sākumā apmēram šādas klases (pielabo pēc vajadzības):

 

div.outer {
width:400px;
height:50px;
position: relative;
float:left;
}

div.outer div.transparent {
background-color: #211101;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
-moz-border-radius: 5px;
width: 400px;
height: 50px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

div.outer div.content {
width: 404px;
height: 54px;
color: white;
top: 0px;
left: 0px;
margin: 5px;
padding: 0px;
position: absolute;
z-index: 2;
}

 

Vēlāk pašā kodā jau raksti:

 

<div class="outer">
<div class="transparent"></div>
<div class="content">
	<b>Kaut kāds saturs, kas nav caurspīdīgs.</b>
</div>
</div>

[mefisto]

Es tomēr ieteiktu PNG + sliding doors,

tāpēc ka šitam variantam ir viena iedzimta un neārstējama kaite : saturs nestiepj fonu.