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:

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:

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!

Köszönöm, minden rendben van a láthatáron

köszönöm. míg a lekerekített sarkok nem fordult

Lekerekített sarkok munka csak a FF (Mozilla).

Hű, azt kell gyakorolni.

Zamorochenny CSS kódot.

Miért kétszer hozzárendelni a különböző paraméterek .rightcolumn?

de mi van, ha el kell törölni a magassága a készülék automatikusan illeszkedik a magassága a szöveg blokk? Úgy tűnik, nincs js (jquery) nem tud?

háttér: RGBA (0, 170, 238, 0.9); / * A háttér színe * /