Learn if border image can be used without border-left and border-right

lawrenceabaeo / love-live-group-rank-screen

This mini project implements a front-end version of a web page that appeared in an anime show.

MIT License

0 stars 0 forks source link

Learn if border image can be used without border-left and border-right #2

Closed lawrenceabaeo closed 9 years ago

lawrenceabaeo commented 9 years ago

screen shot 2015-08-12 at 2 29 49 pm Yes, this can be done. Here's what I did:

create the circle graphics in the corers
Remove the padding that was used to 'hack; the contents for staying inside
Readjust margins.

BUT THERE IS AN BIGGER ISSUE

On SAFARI, the 'round' value for border-image-repeat doesn't work. So it looks weird. The corners are nice and full, but then the graphics next to them are chopped, depending on the width size of the element. See attached picture.

lawrenceabaeo commented 9 years ago

Marking as 'wontfix' and closing. The current 'hacky' solution works adequately for all browsers. On mobile, users will have to just 'suffer' from fatter margins for the circle borders than the rest of the content.