Jaka jest najlepsza, najsolidniejsza definicja przycisku CSS?Najbardziej niezawodne rozwiązanie dla przycisków tylko CSS?
Idealnie, chciałbym uzyskać gradienty, zaokrąglone obrazy i pełną wdzięku degradację do IE8. Byłoby również świetnie, gdyby przyciski nie używały żadnych obrazów, a przyciski skalowały się poziomo, dopasowując je do zawartości.
Jakie jest najlepsze rozwiązanie?
Użyj narzędzi na http://css-tricks.com/examples/ButtonMaker
Nie ma sposobu, aby zrobić to, o co prosisz tylko za pomocą CSS, ponieważ gradienty i rogi zostały dodane dopiero w CSS3 i nawet teraz nie są jeszcze w pełni obsługiwane.
Najlepszym sposobem na uzyskanie gradientów jest teraz użycie rzeczywistego obrazu, możesz mieć pewność, że większość, jeśli nie wszystkie przeglądarki go obsługują (jeśli używasz obrazu .png, IE6 może mieć z tym problem ale są tam hacki CSS, aby się do niego zbliżyć).
Zaokrąglone narożniki mogą być dodawane do serwisu na dwa różne sposoby:
Spośród powyższych dwóch metod pierwsza jest korzystne, jeśli chcesz mieć pewność, że użytkownicy mogą zobaczyć krzywe, jednak jeśli nie jesteś zbyt zaniepokojeni nich posiada wyłączony JavaScript pewno będę używać jQuery jako jest 100 razy łatwiejszy w użyciu.
Jeśli masz zamiar zostawić szczegółową odpowiedź, przynajmniej masz poprawną gramatykę, ortografię, itp. –
@FillipPeyton Tam, naprawiłem to. ;] – WynandB
To jest możliwe stosowanie gradientów, box-shadow, border-radius, rgba kolor et cetera w starszych wersjach programu Internet Explorer, używając CSS3 PIE. Spójrz na their demo ze wszystkimi tymi właściwościami CSS3.
Teraz połącz CSS3 PIE z button maker wspomnianą w komentarzach i gotowe!
fanką przycisków jQuery UI. Wersja demonstracyjna to here
Tak, używają niektórych obrazów ... ale obrazy są również wspólne dla wielu innych funkcji interfejsu użytkownika JQuery, który oferuje stronie niesamowite funkcje (i więcej przychodzących przez cały czas) Z wdziękiem degradować i można rozszerzyć go do rundy w IE za pośrednictwem innej wtyczki JQuery. Moją ulubioną częścią jest ThemeRoller, który pozwala na zbudowanie strony za pomocą wtyczek kompatybilnych z themeroller, a następnie zmianę stylu lub zmiany, nawet za pomocą narzędzia, które unosi się nad stroną. Możesz łatwo włączyć sposób, aby użytkownik przełączył cały temat witryny za pomocą kliknięcia przycisku. Do tego edytor, który łatwo tworzy własne motywy, jeśli nie podoba ci się to, co tam jest.
Podobnie jak w przypadku gradientów, pojawiły się wygaszanie, wyciemnienie, wygaszanie, wzory, a następnie "buduj własne" opcje wraz z odmianami tych i więcej plus nakładek kolorów i zmętnień.
Konfigurowanie przycisku jest tak proste, jak: <button class="ui-state-default ui-corner-all" type="submit">Button</button>
Widziałeś http://css-tricks.com/examples/ButtonMaker/? – Adam
To naprawdę jest naprawdę miłe. –
Nieźle. I wyglądają w połowie przyzwoicie w IE8. Bez wzniesień, bez zaokrąglonych rogów, a co nie, ale wyglądają jak przyciski. Nie wiem jednak ... Myślę, że nadal wolę technikę drzwi przesuwnych. Mniejsza elastyczność w wysokości, oczywiście dlatego, że używa obrazów, ale możesz mieć naprawdę fantazyjne guziki :) – Strelok