[CSS]cien obramowania Opcje

[gibonik]

witam czy można zrobić cień obramowania?

[chemikpil]

Najprostszy sposób na cień?

Kod

box-shadow: 10px 10px 5px #888;

To dajesz w css i sobie ustawiasz co i jak ma się wyświetlać.
pierwsza wartość: odległość od lewej krawędzi
druga wartość: odległość od górnej krawędzi
trzecia wartość: ustalasz rozmycie cienia.
czwarta wartość: to oczywiście kolor (IMG:style_emoticons/default/smile.gif)

[gibonik]

i brak cienia
.poleramki {
background:#FFF;
height: auto;
width: auto;
border: 1px solid #ECECEC;
box-shadow: 1px 1px 5px #ccc;
}

[korek_a]

zależy od przeglądarki box-shadow nie wszędzie działa
http://www.alistapart.com/articles/cssdropshadows/

[gibonik]

tak ale u mnie pod Firefox tez nie działa

[smagul]

jak chcesz by działało we wszystkich przeglądarkach, to wrzuć jako obrazek tła. Trochę więcej pracy ale jedyna działająca metoda.

[pedro84]

Obrazek tła? Żartujecie chyba.

[CSS] pobierz, plaintext 
-khtml-box-shadow:0px 10px 10px -10px #444;
-moz-box-shadow:0px 10px 10px -10px #444;
-o-box-shadow:0px 10px 10px -10px #444;
-webkit-box-shadow:0px 10px 10px -10px #444;
box-shadow:0px 10px 10px -10px #444;
[CSS] pobierz, plaintext 

[smagul]

takie cuda od ie 9 dopiero, puki co ie7 oraz ie 8 są zbyt popularne by tak robić.

[pedro84]

takie cuda od ie 9 dopiero, puki co ie7 oraz ie 8 są zbyt popularne by tak robić.

?

Jest mnóstwo metod, żeby zapewnić wsparcie dla starszych przeglądarek. To żadne cuda, tylko powoli stające się standardowymi, techniki.

[gibonik]

działa Twój kod, niestety nie pod IE 8 masz jakieś "techniki"

?

Jest mnóstwo metod, żeby zapewnić wsparcie dla starszych przeglądarek. To żadne cuda, tylko powoli stające się standardowymi, techniki.

[Maciek_#_&]

Obrazek tła? Żartujecie chyba.

[CSS] pobierz, plaintext 
-khtml-box-shadow:0px 10px 10px -10px #444;
-moz-box-shadow:0px 10px 10px -10px #444;
-o-box-shadow:0px 10px 10px -10px #444;
-webkit-box-shadow:0px 10px 10px -10px #444;
box-shadow:0px 10px 10px -10px #444;
[CSS] pobierz, plaintext 

Podobnie jak "Border-radius" którego nie zna FF, dla shadow wystarczy takie coś:

Kod

-moz-box-shadow: 1px 1px 6px #666;
box-shadow:1px 1px 6px #353535;

Dlatego że "box-shadow" jest poprawnie odczytywany przez chrome, safari, opere.
I wiadomo że FF jest w tyle, dlatego dodajemy "-moz-" i git..

IE bym sie nie przejmował, to nigdy nie będzie dobra przeglądarka, z resztą, MS miał kiedykolwiek udany produkt ?

[erix]

takie cuda od ie 9 dopiero, puki co ie7 oraz ie 8 są zbyt popularne by tak robić.

Też się da, ale wymaga to skorzystania z VML i kombinowania z dodatkowymi warstwami. Jest gdzieś behavior do tego, ale ma jedną wadę - wszystkie elementy podczas inicjalizacji muszą być widoczne, aby to coś zadziałało.

[pedro84]

Ewentualnie jesczze CSSPie (http://css3pie.com/).

[gibonik]

Też się da, ale wymaga to skorzystania z VML i kombinowania z dodatkowymi warstwami. Jest gdzieś behavior do tego, ale ma jedną wadę - wszystkie elementy podczas inicjalizacji muszą być widoczne, aby to coś zadziałało.

wgrałam pliczek na serwer i do stylu dopisałam
behavior: url(../ie-css3.htc)
i zero reakcji czy może być problem z obsługa pliku htc?

[pedro84]

wgrałam pliczek na serwer i do stylu dopisałam
behavior: url(../ie-css3.htc)
i zero reakcji czy może być problem z obsługa pliku htc?

Ścieżka poprawna?

[gibonik]

ścieżka poprawna, taki sam problem mam z okragłymi rogami, tez nie działa
border-radius-ie8.htc