Is it possible to add border-radius
on background-image
?
If there are contents within the div that has the curved corners, you have to set overflow: hidden because otherwise the child div's overflow can give the impression that the border-radius isn't working. This answer worked for me.
Background-image element in style sheet is not deprecated; if we must say something is deprecated, it is the inline style sheet at all; but this does not explain why other css properties are not signed, as you have assumed.
Yes it is possible:
div { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: none; width: 500px; height: 335px; background: url(http://themescompany.com/wp-content/uploads/2012/02/6402.jpg); }
Click here for demo.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With