Hoe maak in een border-radius met een achtergrond in CSS?

Ik wil een achtergrond achter de ronde hoek. Het is nu wit.
Weet iemand een code daarvan?
Hier is mijn code:

**CODE**
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
**/CODE/**

Verwijderde gebruiker

12 jaar geleden

in: Programmeren

712

712 keer bekeken

Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.

Antwoorden (1)

Dit kan niet met CSS, maar dit moet met CSS3, ik snap dat hij flauw is, maar je kan hem wel gewoon in een normaal CSS bestand zetten omdat CSS3 backwards-compatible is.

Hier code voor CSS3:

border-top-left-radius: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px;

Webkit & Gecko:

-webkit-border-top-left-radius: 1px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;

-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 3px;

(Lees meer...)

Verwijderde gebruiker

12 jaar geleden

Verwijderde gebruiker

12 jaar geleden

Sorry ik lees het nu pas goed. Het is mogelijk om er een plaatje op te zetten maar als je deze op de element doet waar de radius ook op zit zal het plaatje boven de border komen. dus de enigste manier is een achtergrond plaatje, ik zat ook nog te denken aan een andere element eronder die een plaatje bevat maar dat gaat niet helpen want die komt komt er simpel weg gewoon onder.

Weet jij het beter..?

Het is niet mogelijk om je eigen vraag te beantwoorden Je mag slechts 1 keer antwoord geven op een vraag Je hebt vandaag al antwoorden gegeven. Morgen mag je opnieuw maximaal antwoorden geven.

0 / 5000