HTML and CSS Reference
In-Depth Information
To get
border-image
to work in current browsers, you need to first spec-
ify the vendor-specific properties for Firefox and Safari/Chrome. Next,
give the September 2008 version of the property for Opera, and finally
the current version of the property with the
fill
keyword. This will
ensure that future browsers that fully implement the property will
render identically to current browsers, which treat
fill
as being the
default and ignore the
fill
keyword.
Unfortunately, if you don't want the behavior from the 2008 spec
that treats
fill
as the default, there's no way to override it in
CSS in older browsers. The easiest way to achieve this is to use
an image that's blank or transparent in the central area.
Supporting old versions of Internet Explorer
Internet Explorer was the first browser to implement a method for
specifying drop shadows in
CSS
, way back in the version 5.5 release.
Microsoft implemented a method of calling an ActiveX control and
applying it to an element that can be used either from
CSS
or Java-
Script. ActiveX has a pretty bad reputation in web developer circles
that may partly explain why these techniques weren't seriously
explored until recently. There are two filters for shadows in
IE8
:
Drop-
Shadow
and
Shadow
.
