Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Firefox 15 border-image failing

Firefox 15 border-image failing

Problem

The CSS3 border-image property has stopped working in firefox 15 using the syntax that worked in firefox 14, http://jsfiddle.net/uzZVf/2/

Of course the prefix has been removed, but even without it, it fails.

Are there new syntax requirements that didn't exist before? How can I get border-image functioning correctly?

Problem courtesy of: Korvin Szanto

Solution

You need to add: border-image-width: 4px 4px 4px 4px; to your CSS, otherwise Firefox sets it to 1px wide even with your other border CSS.

Demo: http://jsfiddle.net/SO_AMK/uzZVf/4/

The Mozilla dev team updated the border-image specs from the 2008 Working Draft to the 2011 Candidate Recommendation, please see this article for details.

Solution courtesy of: A.M.K

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Firefox 15 border-image failing

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×