Strona 1 z 1

Cień do ramek w CSS

PostNapisane: 5 sierpnia 2005, o 06:11
przez Zielony_Listek
Nie wiem jak zrobić cienie do ramek w CSS. Umiem dodać filtr do obrazka i do tekstu, ale do ramek?
O tak jak tu: http://csszengarden.com/?cssfile=http://xertd.net/zen/zengarden-sample.css

Czemu filtr robiący przezroczystość nie działa mi w Firefoksie?
Wiem, że są to parametry typowe dla IE, ale sprawdzałam, że te strony, które są w kolekcji layoutów, z której przykład zaczerpnęłam powyżej mają taką przezroczystość działającą w Firefoksie... :cry:

Cień do ramek w CSS

PostNapisane: 5 sierpnia 2005, o 11:27
przez DEXTER:)

Przykład filtra

PostNapisane: 8 sierpnia 2005, o 05:49
przez Zielony_Listek
O np. taką: :oops:
filter: Alpha(Opacity=50, FinishOpacity=50, Style=-1, StartX=0, StartY=0, FinishX=150, FinishY=150);

Przykład filtra

PostNapisane: 8 sierpnia 2005, o 09:20
przez DEXTER:)
Zapomnij.

Przykład filtra

PostNapisane: 9 sierpnia 2005, o 00:04
przez rafalzaq

Hmm

PostNapisane: 10 sierpnia 2005, o 07:38
przez Zielony_Listek

Hmm

PostNapisane: 10 sierpnia 2005, o 09:47
przez rafalzaq

Hmm

PostNapisane: 10 sierpnia 2005, o 09:56
przez DEXTER:)

Hmm

PostNapisane: 10 sierpnia 2005, o 20:54
przez rafalzaq
Jak ma działać skoro IE nie obsługuje wpełni CSS 2.1 a to już jest 3.
Zaznaczyłem że działa na pewno w Firefoksie i możliwe że też w innych nowoczesnych przeglądarkach. IE raczej się do niech nie zalicza. ;)
Tak samo działają zaokrąglone rogi (fajne bajery będą w CSS 3).

Hmm

PostNapisane: 11 sierpnia 2005, o 09:16
przez DEXTER:)
Będą... IE7 wychodzi po 4 latach, więc o CSS3 (IE8) będzie można myśleć w 2009 roku :lol: W tedy to już będzie panował CSS 5 :lol:

Hmm

PostNapisane: 11 sierpnia 2005, o 21:40
przez lucas

Hmm

PostNapisane: 12 sierpnia 2005, o 10:30
przez DEXTER:)

Hmm

PostNapisane: 2 września 2005, o 12:04
przez fasolowa
Może to będzie rozwiazanie problemu
Dla IE: this.filters.alpha.opacity=50
Dla Mozilli: this.style.MozOpacity=0.5
Przyklad:
<img
src="assets/misc/solar-radar.jpg"
width="105" height="140"
alt="solar-radar (7K)"
style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand"
onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"
>
Więcej na stronie: http://www.domedia.org/oveklykken/css-t ... -image.php