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

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -