Skip to content
No description or website provided.
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
README.md
demo.html
jquery-1.7.1.min.js
jquery-ie-text-shadow.js

README.md

jquery-ie-text-shadow

This library is text-shadow polyfill for Internet Explorer 7, 8 and 9. It's used in web site http://www.5nen10nen.com/ .

Here is Demonstration page.

Known Issues

  • When apply to inline elements with long text running two or more lines, unintended line break are inserted after elements. You may separate a word with a span tag to fix it.
  • When apply to elements with long text and resize window and text are reflowed, shadows are separated from text unintentionally.

Usage

This library is jQuery plugin. It is necessary to include this library after jQuery Only include

<script src="jquery-1.7.1.min.js"></script>
<!--[if lt IE 10]>
<script src="jquery-ie-text-shadow.js"></script>
<script>
$(document).ready(function() {
    $('.emboss').ieTextShadow();
}
</script>
<![endif]-->
<style>
.emboss {
    text-shadow: 0px -1px #222222, 0px 2px #FFFFFF;    
}
</style>
<div class="emboss">Emboss</div>

Options

You can overwrite CSS text-shadow property by arguments.

$('.emboss').ieTextShadow('4px -4px 10px red, -4px -4px 10px green');
Something went wrong with that request. Please try again.