Opaque szöveget egy átlátszó dobozban> Internet technológiai blog

(Kattintson a képre)

Barangolás a fórumok és blogok, gyakran fut be egy probléma: az emberek keresik a megoldást sdelatt átlátszatlan szöveget egy átlátszó dobozban lekerekített sarkok CSS?

Szóval Elején, hogy a blokk, lekerekített sarkú, ez igaz csak az FF Raboet, és a többi a lekerekített sarkok nem.
HTML:

Itt a szöveg

CSS:
.rightcolumn helyzet: a relatív;
top: 80px;
jobbra: 30px;
padding: 30px;
szélesség: 600px;
color: # 000;
float: right;
overflow: hidden;
>
.rightcolumn .transparency opacitás: 0,5;
szűrő: alfa (opacitás = 50);
-moz-opacitás: 0,5;
background-color: #fff;
szélesség: 660px;
magasság: 2500px;
pozíció: abszolút;
top: 0px;
left: 0px;
border: 1px szilárd # 9E5C28;
-moz-border-radius: 15px;
-WebKit-border-radius: 15px;
border-radius: 15px;
>
Most adjunk hozzá egy osztály (pl .cont), amely szöveget.

HTML:

Itt a szöveg

CSS:
.folytatás
Minden működik. És mozile még lekerekített sarkok

Egy példa látható a tetején a fotó, kattintson a képre!