My site shows up differently in Safari and Firefox. I would like CSS to make it look like Safari. I know that I could use two div boxes, one for the outline, one for the image, but I like how I need only one in Firefox and it draws the outline and the image. Is there anyway for the Safari curve to display the outline and image?
Safari:
Firefox:
<img src="asset.jpg" class="example">
img.example {
width: 250px;
height: 250px;
background: rgba(0, 0, 0, .6);
padding: 18px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
source
share