Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Zaokrąglone rogi - CSS3
Forum PHP.pl > Forum > Przedszkole
lukasamd
Witam,
z tego co ostatnio wyczytałem, przy pomocy CSS3 można zrobić szybko i prosto zaokrąglone rogi divów itp.

Pytanie tylko: jak się za to zabrać? Z czym to się w ogóle je? winksmiley.jpg

No i kwestia sporna pozostaje: czy warto to stosować, biorąc pod uwagę fakt, iż nie każda przeglądarka to poprawnie wyświetli? Ze statystyk mojej witryny wynika, że udział Firefoxa,Opery i Chrome to ~82%, na IE przypada zaledwie 15%, z czego tylko 1/5 używa go w archaicznej już wersji 6.
Crozin
IIRC jedynie Gecko i WebKit obsługują ten fragment CSS3, ale z drugiej strony: jeżeli jest to jedynie forma dekoracji i strona nie wygląda paskudnie z ostrymi rogami, to można sobie na takie coś pozwolić.
elan
BORDER RADIUS niestety nie chce działać w IE, ale ktoś znalazł na to lekarstwo i stworzył przyjemny skrypt htc. Nie musisz martwić się o konfigurację tego pliku htc bo dostosowujesz go do własnych potrzeb przy pomocy CSS biggrin.gif

CHWYTAJ: http://rapidshare.com/files/288520650/2008...radius.zip.html
MWL
na razie w mozilli -moz-border-radius wiecej tu: http://developer.mozilla.org/pl/CSS/-moz-border-radius
Kildyt
Kod
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-icab-border-radius: 10px;
Ale w to, że opera nie obsługuje border-radius to trudno jest uwierzyć, a niestety trzeba.
Niestety trzeba brać użytkowników IE pod uwagę. Mam nadzieję, że za kilka lat będę mógł używać border-radius, box-shadow, text-shadow i background-gradient do woli. biggrin.gif
mls
Cytat(MWL @ 4.10.2009, 13:30:09 ) *
na razie w mozilli -moz-border-radius wiecej tu: http://developer.mozilla.org/pl/CSS/-moz-border-radius


Zostało to już wspomniane, że na razie tylko Gecko i WebKit obsługują zaokrąglone narożniki - odpowiednio poprzez -moz-border-radius i -webkit-border-radius.
Kildyt
Cytat(mls @ 4.10.2009, 13:38:17 ) *
Zostało to już wspomniane, że na razie tylko Gecko i WebKit obsługują zaokrąglone narożniki - odpowiednio poprzez -moz-border-radius i -webkit-border-radius.
Ciekaw jestem co wnosi twój post do dyskusji?

Osobiście nie polecam skryptów JS do zaokrąglania rogów. Często dobrze działają tylko na kilku przeglądarkach, a w innych theme się sypie, a jak już działa dobrze, to zaokrąglenie jest paskudne (brak wygładzania). Najczęściej nie obsługują formularzy, niestety,
lukasamd
No właśnie, wolałbym uniknąć js...
Z tego co widzę, nie da się jeszcze tego sensownie użyć, trzeba poczekać aż więcej przeglądarek będzie korzystało z czystego border-radius.

Dzięki wszystkim za odpowiedzi.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.