Switch to full style
Forum dyskusyjne poświęcone zagadnieniom jezyka HTML i Flash oraz tworzeniu stron WWW.
Odpowiedz

Cień do ramek w CSS

5 sierpnia 2005, o 06:11

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

5 sierpnia 2005, o 11:27

Przykład filtra

8 sierpnia 2005, o 05:49

O np. taką: :oops:
filter: Alpha(Opacity=50, FinishOpacity=50, Style=-1, StartX=0, StartY=0, FinishX=150, FinishY=150);

Przykład filtra

8 sierpnia 2005, o 09:20

Zapomnij.

Przykład filtra

9 sierpnia 2005, o 00:04

Hmm

10 sierpnia 2005, o 07:38

Hmm

10 sierpnia 2005, o 09:47

Hmm

10 sierpnia 2005, o 09:56

Hmm

10 sierpnia 2005, o 20:54

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

11 sierpnia 2005, o 09:16

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

11 sierpnia 2005, o 21:40

Hmm

12 sierpnia 2005, o 10:30

Hmm

2 września 2005, o 12:04

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
Odpowiedz