Mikseri on musiikkiyhteisö,
jossa voit kuunnella, ladata ja arvostella suomalaista musiikkia,
lisätä rajattomasti biisejä, luoda oman artistisivun, kerätä arvosteluja ja faneja

Ladataan

Vastaa Aloita uusi keskustelu

 
Kirjoittaja CSS-koodia tuntevat, apua tarvitaan


MKDELTA
11907 viestiä

#1 kirjoitettu 22.02.2008 13:08

Huono otsikko, on huono, mutta kuitenkin:

Olen tehnyt tällä metodilla joitain läpinäkyviä elementtejä, mutta kun koetan tehdä elementin sisälle elementtiä jossa on nuo opacity arvot täysillä (=elementin pitäisi näkyä normaalisti) niin mikään ei muutu. Apua? Ei apua?

Jos yhtään auttaa niin seuraavassa on divieni koodit...

div.uloin
{
width:800px;
height:100%x;
border-width:5px;
border-style:double;
border-color:#FFD700;
margin-left:150px;
background-image:url('background_inner.png');
}

div.sisempi{
padding:3px;
width:600px;
height:90%;
background-color:#FFFFFF;
margin-left:100px;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
/* for Mozilla */
-moz-opacity:0.6;
}

div.menu{
background-image:url('menubg.jpg');
padding-left:150px;
padding-right:150px;
height:30px;
margin-bottom:30px;
}

div.img
{
margin: 2px;
border: 1px solid #FFD700;
height: auto;
width: auto;
float: left;
text-align: center;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
/* for Mozilla */
-moz-opacity:1;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}

^ Vastaa Lainaa


Salminen
Niko Salminen
I'm back!
2526 viestiä
Ylläpitäjä

#2 kirjoitettu 22.02.2008 13:21

Opacity periytyy. Esimerkiksi kun 50% opacityn div-elementin sisään laittaa toisen 50% opacityllä olevan elementin, sen opacity-arvoksi tulee 25%.

Ymmärtääkseni tuon pystyy jotenkin kiertämään absoluuttisesti sijoitettavilla elementeillä, joskaan aivan varma en ole kun ei itse ole tullut kokeiltua.

^ Vastaa Lainaa


MKDELTA
11907 viestiä

#3 kirjoitettu 22.02.2008 19:14

Salminen kirjoitti:
Opacity periytyy. Esimerkiksi kun 50% opacityn div-elementin sisään laittaa toisen 50% opacityllä olevan elementin, sen opacity-arvoksi tulee 25%.

Ymmärtääkseni tuon pystyy jotenkin kiertämään absoluuttisesti sijoitettavilla elementeillä, joskaan aivan varma en ole kun ei itse ole tullut kokeiltua.

Mmm, OK. Pitää koettaa.

^ Vastaa Lainaa


Demotion
430 viestiä

#4 kirjoitettu 22.02.2008 22:25

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
div {margin:0adding:0;}
div.red {height:100px;width:100px;background-color:red;opacity:0.5;}
div.blue {height:50px;width:50px;background-color:blue;opacity:1;}

</style>
</head>
<body>
<div class="red">
<div class="blue">
</div></div>
<div class="blue" style="position:absolute;top:58px;">
</div>
</body>
</html>



Eli jokseenkin näin.

Demotion muokkasi viestiä 22:25 22.02.2008

Demotion muokkasi viestiä 22:26 22.02.2008

^ Vastaa Lainaa

Vastaa Aloita uusi keskustelu