html - -webkit-border-radius does not crop image properly -
i have 5 browsers rendering html coded pages: ie9, firefox 4.0 , newest versions of chrome, safari , opera. in ie9 , firefox 4.0 image being cropped in using border-radius: , -moz-border-radius: fails in opera, chrome , safari using -webkit-border-radius:. opera image not being cropped @ , safari , chrome image cropped border being cropped out well.
.nontyp{ margin: 15px 15px 15px 15px; border:4px inset #c1c8dd; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; width:200px; height:200px; }
if have 1 of 3 browsers mentioned utilize -webkit-border-radius: please view images example of have issue with: graphics page
what put styling that's on <img> tag now, on parent <a> instead use container image. this, @ least me, makes more sense well. don't forget keep float: left on image rid of phantom bottom margin either.
Comments
Post a Comment