the empty set

Why my border-image didn't display in Firefox 15

A quick CSS tip before I forget:

I've been wrecking my brains this afternoon to figure out why a border-image stopped displaying properly in the lastest version of Firefox (15.0.1) although it showed up properly in previous versions.

The CSS properties were:

div.mod-registration {
  border-width: 164px 51px 98px 90px;
  -moz-border-image: url(../img/torn-paper02.png) 164 51 98 90 stretch;
  -webkit-border-image: url(../img/torn-paper02.png) 164 51 98 90 stretch;
  -o-border-image: url(../img/torn-paper02.png) 164 51 98 90 stretch;
  border-image: url(../img/torn-paper02.png) 164 51 98 90 stretch;
}

But nothing was displayed, as if border-image wasn't supported.

The trick was to specify a border-style:

border-style: solid; 

Now everything is back to normal.

Ø permalink: https://davidroessli.com/logs/2012/10/why_my_border-image_didnt_disp/


Reponses to “Why my border-image didn't display in Firefox 15”

#1 by Jeff Moro

00:28 on 11 October 2012

Thanks for this! I ran into this problem myself and fount this resource immediately upon searching. This saved me a lot of time and I appreciate it!

#2 by David Roessli

06:58 on 11 October 2012

You're more than welcome @Jeff :!
Thanks for the comment :)

#3 by Lovely Pictures

12:35 on 22 May 2013

Very quickly this web page will be famous among all blogging viewers, due to it's pleasant posts

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)



Previous: How to change the default sshd port on Mac OS X

Next: How to use Font Awesome in a Desktop app


About

Hello, my name is David Roessli. I am a freelance web designer and developer based in Geneva, Switzerland.

This weblog is an nth attempt to solve my multiple online personalities and weblog/rss feeds burnout issues. (more)

Words

I have been contemplating the idea of upgrading my desktop Mac since this spring. The latest 27" iMac (Quad-Core) seemed the perfect candidate, but the release of Apple's 27" Monitor last September made me stick with the Mac Pro...

Music

The autopsy of an iconic album cover picked up on Kottke.org. A stacked graph of successive radio signals from pulsar CP 1919, in a 1977 astronomy encyclopedia that originated in a 1970 Ph.D. thesis. Fascinating <3...

Pictures

Check out my latest Flickr ramblings. Mostly day to day cameraphone pictures stolen here and there.


© 2000-2018 David Roessli | v4.1 | as valid xhtml and css as possible | hosted by Infomaniak | RSS feeds. Looking for my Privacy Policy ?