Jak zrobić przezroczyste okno newsów z zaokrągleniem boków Opcje

[Defix24]

Witam chciałbym zrobić coś takiego jak jest na poniższym obrazku, dodatkowo żeby w czterech kątach po bokach było takie zaokrąglenie.
Wiem że to w html wpisywało się że ma być div potem w css tworzy się tego diva żeby przekierowało do html ten szablon.
Potem robiło się w zależności od jakich rozmiarów się chciało mieć taką tabelę, znaczy ja mówię tabelę ale to jest to okno newsów a pod oknem newsów kolejne.
Jeszcze później wpisywało się kolor potem się w css w robiło że ma być przezroczyste a potem zaokrąglenia, pomocy.
Coś jak to
http://i1.ytimg.com/vi/OCfkNEecEhE/maxresdefault.jpg

[phpion]

Zaokrąglenie: border-radius.
Przezroczystość: opacity. Jednak to spowoduje również przezroczystość napisów. Można kombinować z pozycjonowaniem, ale zalecałbym użycie pół-przezroczytego png w tle.

[viking]

http://jsfiddle.net/VkYA7/

[registropl]

Cześć dla tła użyj slektora

Kod

background:rgba(255,255,255,0.5)

Tak jak własnie opisał wikinkg.

Kod

border-radius:

Tutaj powinieneś użyć paraselektorów dla różnych przeglądarek: -webkit-border-radius, -moz-border-radius itd.
Tutaj masz prosty i przyjemny skrypt: http://border-radius.com/

Ten post edytował registropl 4.02.2014, 14:22:03

[dart77]

Osobiście preferuję przeźroczystość ustawić grafcznie czyli za pomocą .gif albo jak już było wspomniane .png Jest to proste i szybkie, sam plik waży niewiele (z reguły jest to plik o rozmiarac 5x5 px) i użyty do całej strony działa podobnie jak użycie class w css - raz zmieniam i zmiana działa w całym serwisie.

[proszek]

Jeżeli można IMO lepiej zrobić bez użycia obrazka. RGBA daje sobie bardzo dobrze radę.

[Pyton_000]

@dart77 Każdy plik to kolejny request który trzeba wykonać aby go pobrać, im mniejszy plik tym bardziej jest to nieopłacalne, bo koszt wykonania requesta przewyższa koszt pobrania.
Jeżeli da się zrobić to bez obrazka to tak trzeba to zrobić, ew. łączyć pliki w spirite's