Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Przezroczysty, zaokrąglony DIV
janekpogwad
post
Post #1





Grupa: Zarejestrowani
Postów: 51
Pomógł: 1
Dołączył: 22.09.2008
Skąd: Wadowice

Ostrzeżenie: (0%)
-----


Witam!

Mam pytanie. Chciałbym zrobić takiego div'a, który byłby półprzezroczysty, ale tylko tło (litery, formluarze, przyciski nie) oraz żeby jego rogi, były nieco zaokrąglone. Nie chce, żeby był oparty od obrazki. Coś podobnego jest w kokpicie BLIP. Może wiecie jak to zrobić?(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Pozdr.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
debian
post
Post #2





Grupa: Zarejestrowani
Postów: 122
Pomógł: 1
Dołączył: 6.11.2008
Skąd: /etc/passwd

Ostrzeżenie: (0%)
-----


Co do zaokrąglenia rogów bez użycia obrazków jest na to pewien parametr w CSSie ale oczywiscie IE, Opera tego nie rozpoznają. w FF wszystko gra. Zobacz:
Kod
div.klasa{
     width:160px;
     margin-top:3px;
     margin-bottom:3px;
     background-color:#F4F4F4;
     border:1px #B4B4B4 solid;
     -moz-border-radius:4px;   /*Tutaj ustawiasz w pikselach jakie ma być zaokrąglenie rogu*/
     color:#474747;
     font-family:Tahoma;
     font-size:12px;
     padding:5px 25px;
     }



Co do przeroczystości to takie coś:
Kod
div.przezroczystosc{
    filter:alpha(opacity=50);
    -moz-opacity:.50;
     opacity:.50;
}

W takiej klasie umieszcza np, obrazek który ma być pół przezroczysty, wszystko jest w procentach %
  1. <div class="przeroczystosc"><img src="obrazek.jpg" alt="" width="" height="" /></div>


Ten post edytował debian 26.01.2009, 14:09:47
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 17.10.2025 - 00:58