+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Zaokrąglone rogi pod IE bez Java i obrazków ? (/thread-zaokraglone-rogi-pod-ie-bez-java-i-obrazkow)
Zaokrąglone rogi pod IE bez Java i obrazków ? - Ayahuasca - 03-08-2010
Robię dla siebie pewną stronkę , obecnie zatrzymałem się na etapie "zaokrąglonych rogów" .. szukam sposobu na zaokrąglenie rogów pod IE i Operą bez używania Java i obrazków w narożnikach.
Znalazłem pewną stronę ,której szablon jest wykonany w technologi Blogger ,przeglądając źródło tej strony ,znalazłem powtarzające się w paru miejscach w kodzie CSS polecenie ,które chyba jest odpowiedzialne za zaokrąglanie rogów pod IE ,bo nad nim są komendy odpowiedzialne za zaokrąglanie rogów na innych przeglądarkach a nie jest to Java ..nie mogę na google znaleść żadnych informacji o tym ,co to dokładnie jest i jak można to zaadaptować u siebie ? nazywa się to -goog-ms-border-radius: ,poniżej przykładowe zastosowanie w kodzie:
Kod:
.footer-outer {
color:#cccccc;
background: transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left;
-moz-border-radius: 0 0 20px 20px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-goog-ms-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}Strona http://lux-vitale.blogspot.com/
Pozdrawiam.
RE: Zaokrąglone rogi pod IE bez Java i obrazków ? - Kartofelek - 03-08-2010
IE9 będzie wspierać "prawdziwy" border radius czyli:
border-radius: ....
czyli najlepiej
-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
border-radius:0 0 20px 20px
Wcześniejsze IE nie kupują żadnego...
Na siłę możesz wykorzystać do tego htc:
http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
lub http://css3pie.com/
Kwestia klienta
RE: Zaokrąglone rogi pod IE bez Java i obrazków ? - Ayahuasca - 03-08-2010
Ok dzięki , nie chciałem tego używać bo IE blokuje domyślnie skrypty i nie ma zaokrągleń .. , wiem że IE9 i teraz któraś wersja Opery ma mieć obsługę CSS3,ale ci co mają IE raczej go nie aktualizują ...
Zauważyłem że to pierwsze nie działa mi prawidłowo tzn wpisuje:
Kod:
border-radius: 30px 30px 0px 0px;
behavior: url(border-radius.htc);i są zaokrąglone wszystkie a nie dwa górne rogi ,a to drugie działa na tej samej zasadzie i jest dobrze.
Pozdrawiam.