I have a problem with my blog: in oder to make a cool border I used some css commands from the moz-webkit and it used to work rather well. (at least in firefox & chrome, not IE)
These are the lines of code that I used to create the border are:
-moz-border-image:url("file.png") 15 round round; -webkit-border-image:url("file.png") 15 round round; border-image:url("file.png") 15 round round;
This does not seem to work anymore and I have no idea why... The Errormessages I'm getting don't really help:
( NS_ERROR_INVALID_POINTER: Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMLocation.href] )
oops, forgot the link to my blog: http://life.wisniewski.org/
Does anyone know what happened or have an alternative to the moz-webkit CSS commands?
Here's code you can use right away:
border: 15px solid transparent; -webkit-border-image: url(fotoframe.png) 15 round; -moz-border-image: url(fotoframe.png) 15 round; -o-border-image: url(fotoframe.png) 15 round; border-image: url(fotoframe.png) 15 round;
What have been done:
- Fixed link to the image in
border-imageproperty (you had "fotoframe.png.png").
- Added shorthand
borderproperty, as specifying just
border-widthwasn't enough for
-moz-border-imageto be displayed correctly.
transparentis a fallback for IE, you may want to change this for some color.
- Added Opera-prefixed version.
- Changed image url to be relative.
- Remove redundant second
This recipe can be found in it's original form on Stack Over Flow.