Skip to content

Instantly share code, notes, and snippets.

@timstl

timstl/border-image-fallback

Last active August 29, 2015 13:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save timstl/10491705 to your computer and use it in GitHub Desktop.
Save timstl/10491705 to your computer and use it in GitHub Desktop.
Download ZIP
Border-Image with Modernizr fallback for < IE11
Raw
border-image-fallback
.decbdr
{
border-bottom: 13px solid #ff6e00;
border-image:url('img/bg/decbdr.jpg') 0 0 100 0 repeat;
}
.no-borderimage .decbdr
{
border-bottom: 13px solid transparent;
position: relative;
}
.no-borderimage .decbdr:after
{
background:#ff6e00 url('img/bg/decbdr.jpg') center top;
bottom: -13px;
content: "";
display: block;
height: 13px;
position: absolute;
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment