Hogy lehet ezt megoldani css-ben?

És mi lenne, ha PhotoShop-pal, vagy valami más programmal csinálnád félig átlátszóvá? PNG-re mented a képet, többet foglal mint a JPG, de több böngészőben jelenne meg jól, mintha CSS-el állítod.

(Csak egy tipp volt.)

Első válaszólónak van igaza.

background-color:rgba(0,0,0,0.5);

Ez pl. egy 50%-os áttetszőségű fekete divet fog hozni. Az rgb kódokat, amiket vessző választ el, pedig bármilyen grafikus programból ellesheted, vagy neten keresel színkódokat.

Ez csak Internet Explorer 8-ban és alatta nem lesz jó. Elvileg 9-ben már oké. De ha mégse, akkor se érdekeljen, az IE nem böngésző.

Ezt a kérdező is tudja, de neki az a baj, hogy ha egy divnek beállít átlátszóságot, akkor azon belül minden örökli és minden más is átlátszó lesz.

Amúgy bírom, mikor azt mondják, hogy az IE nem böngésző. :D:D Akinek nem számítanak a látogatók és csak magának csinálja az oldalt, az nyugodtan gondolkodhat így... 16.1% azért még elég sok.

Kedves #4 válaszoló. Értettem a problémát, a megoldás, amit írtam, orvosolja ezt. Az rgba háttér csak a div hátterére vonatkozik és nem öröklődik semmi másra. Ha pedig nem színt, hanem képet szeretne megadni háttérnek, aminek áttetszőnek kell lennie, akkor meg hol a gond? Ha már kép, akkor a képet kell áttetszővé tenni, Photoshopban például - de ez már nem webes kérdés. Ennyi.

IE-t meg a komolyabb oldalak se veszik különösebben figyelembe. Annyira persze igen, hogy ne csússzon szét. De amikor olyan remek CSS3 tulajdonságok vannak, mint a transform, box-shadow és radiusok és társai, és ezek együttes használata, és ezt még az IE9 is csak részben, vagy szarul kezeli, akkor ilyen megoldásokról nem kell csak azért lemondani, mert a Microsoftnál a programozó srácok az egyik kezüket a seggükbe dugva írják az IE kódját. A többi böngésző hiba nélkül, nagy élvezeti faktorral, szépen renderel minden ilyet. Persze, az oldal ne hulljon darabjaira IE alatt, de nem hinném, hogy minden weboldalnál kvázi a Microsoftos srácok balf*szságait külön szem előtt tartva kellene még órákat görnyedni a monitor előtt csak azért, hogy IE-ben is elfogadható (nem tökéletes, csak elfogadható) legyen a site.