Új hozzászólás Aktív témák
-
Louro
őstag
Sziasztok
Két napi kutatás után fordulok hozzátok.
A téma: transparency.Adott egy div. Abban elhelyeztem 3 másik div-et.
A fő div-nek beállítottam, hogy az opacity:0.3. A benne levő 3 div-nek pedig 0.7-et. Az a baj, hogy IE9 és IE10 alatt jól jelenik meg, de szinte kutya se használja már. A gondom, hogy Chrome alatt meg csak a fő div értékét veszi figyelembe. A rajta levőket a fődiv-hez állítja. Azonban, ha a fő div a kevésbé áttetszőbb (az 0.9-es értékkel bír), akkor a rajta levő 3 div átlátszó lesz.
A kódrészletek:
css:
#base {
margin-top: 40px;
margin-left:auto;
margin-right:auto;
width:1000px;
height:520px;
opacity:0.3;
filter:alpha(opacity='30');
-webkit-opacity:0.3;
-khtml-opacity:0.3;
-moz-opacity:0.3;
-webkit-border-radius: 15px;
border-radius: 15px;
background:#eee;
z-index:0;
border:2px;
}#menu-base {
position: absolute;
margin-top:10px;
margin-left:10px;
width:150px;
height:500px;
filter:alpha(opacity='70');
-webkit-opacity:0.7;
-khtml-opacity:0.7;
-moz-opacity:0.7;
opacity:0.7;
-webkit-border-radius: 15px;
border-radius: 15px;
background:#bbb;
z-index:1;
}#content-base {
position: absolute;
margin-top:10px;
margin-left:165px;
width:700px;
height:500px;
filter:alpha(opacity='70');
-webkit-opacity:0.7;
-khtml-opacity:0.7;
-moz-opacity:0.7;
opacity:0.7;
-webkit-border-radius: 15px;
border-radius: 15px;
background:#bbb;
z-index:1;
}#design-base {
position: absolute;
margin-top:10px;
margin-left:870px;
width:115px;
height:500px;
filter:alpha(opacity='70');
-webkit-opacity:0.7;
-khtml-opacity:0.7;
-moz-opacity:0.7;
opacity:0.7;
-webkit-border-radius: 15px;
border-radius: 15px;
background:#bbb;
z-index:1;
}html:
<div id="base">
<div id="menu-base">
.....
</div>
<div id="content-base">
.......
</div>
<div id="design-base">
...
</div>
</div>Mess with the best / Die like the rest
Új hozzászólás Aktív témák
- AMD Ryzen 9 / 7 / 5 / 3 5***(X) "Zen 3" (AM4)
- sziku69: Szólánc.
- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- Hobby elektronika
- Milyen asztali médialejátszót?
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Honor Magic6 Pro - kör közepén számok
- Steam topic
- Huawei FreeBuds Pro - egy igazi csúcsmodell
- További aktív témák...
- Gyári notebook akkumulátor: HP 2560P 2570P 8460P 8470P 8570P, Dell E6410 E5530 E6530 E6440 E6540
- DJI Osmo Mobile 5 ( OM5 ) leértékelt
- Minőség és Tudás:7.Genes-Core i5-Dell 5567-8Gb DDR4-256Gb SSD-15.6"FHD-Magyar Világitós-Olcsón-gariv
- Logitech StreamCam Ful HD 60FPS
- Intel Core i7 14700KF Processzor - Bontatlan! - 36hónap garancia!
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Promenade Publishing House Kft.
Város: Budapest