Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS3] afgeronde hoekjes

2 antwoorden
  • In een tabblad op een website wil ik alleen aan de bovenkant afgeronde hoekjes. Ik wil daar geen plaatjes voor gebruiken, maar dat met CSS oplossen. Ik weet dat het op die manier niet in IE kan, maar die gebruikers krijgen dan gewoon een minder visueel aantrekkelijke edoch even goed functionerende site te zien zonder ingewikkelde javascripten en vieze CSS-hacks. Als ik op google zoek, barst het echter van de CSS3 attributen, waarschijnlijk allemaal voor een andere browser, maar echt enige regelmaat zit er niet in. Zo heb ik bijvoorbeeld gevonden voor FireFox: [b:44cc56a1ef]-moz-border-radius-topleft[/b:44cc56a1ef] Maar let op, ik heb ook gevonden [b:44cc56a1ef]-moz-border-top-left-radius[/b:44cc56a1ef] maar die werkt dan weer niet! Willen we zowat het hele spectrum van browsers dat CSS3 ondersteunt aanspreken, dan moet ik de volgende waslijst gaan toevoegen: [b:44cc56a1ef]-o-border-top-left-radius -o-border-radius-topleft -icab-border-top-left-radius -icab-border-radius-topleft -khtml-border-top-left-radius -khtml-border-radius-topleft -moz-border-top-left-radius -moz-border-radius-topleft -webkit-border-top-left-radius -webkit-border-radius-topleft[/b:44cc56a1ef] En dat slechts voor enkel het linker bovenhoekje?!? :roll: Kan iemand mij misschien vertellen welke ik het beste kan gebruiken, zodat mijn CSS bestand geen halve megabyte wordt, en waarom bijvoorbeeld [b:44cc56a1ef]border-top-left-radius[/b:44cc56a1ef] niet gewoon in elke (CSS3 ondersteunende) browser werkt?
  • Ik kwam hier laatst wat over tegen, heb het even voor je opgezocht: http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html Ik heb er nog niets mee gedaan verder, maar misschien kan jij er wat mee?

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.