Transparent div

För att göra en div transparant använder du opacity:N;. Om du även vill ha text i din genomskinliga div blir det lite knepigare. Då måste du sätta föräldern som position:relative; samtidigt som du har två barn i det elementet. Ett barn (det genomskinliga) med position:absolute; (samt andra attribut) och ett (det med text) med position:relative;.

Såhär kan det se ut:

<div class='container'>
    <div class='opacity'></div>
    <div class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mauris est, dictum vitae sagittis ut, rutrum in nisi. Quisque congue risus et felis rutrum quis interdum massa condimentum. Nullam cursus porta leo, sit amet porttitor dui dignissim eget. Vivamus auctor venenatis eros ullamcorper accumsan. In hac habitasse platea dictumst. Donec.</div>
</div>

body { background:url("http://i.imgur.com/NUBzS.jpg"); font:normal normal 12px tahoma; }

.container { 
    padding:20px; 
    border:1px solid black;
    position:relative;
    margin:20px;
}
.opacity {
    position:absolute;
    width:100%;
    height:100%;
    background:black;
    opacity:0.3;
    left:0;
    top:0;
}
.text { position:relative; color:white; }

rgba(0, 0, 0, 0.5); /* Svart bakgrund med 50% opacity */

Funkar inte i IE8 och 7

Och det spelar ingen roll att Topstyle 4 inte känner igen opacity osv (vilket låter som ett kasst program om det inte gör det). Topstyle 4 gör inte så din "fungerar" eller inte, den hjälper dig bara dig skriva ner css-regler. Det är giltig CSS oavsett vilket program du skriver i och webbläsarna som stöder det kommer visa det korrekt.

Pro Tip: skippa Topstyle 4

Om man ska ha en editor med valiedering/autocomplete SKA den vara uppdaterad, använd ett vettigt IDE istället för ändamålet.
Som enbart text editor funkar Notepad++ utmärkt.

För övrigt för opacitet: http://www.css3.info/preview/opacity/