Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS3] afgeronde hoekjes

glompie
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

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