Skip to content
No description or website provided.
Find file
New pull request
Latest commit d5607e9 @rotsuya Merge pull request #1 from hirayama-evolni/run_without_jquery_browser
Create a $.browser compatible object for newer jQuery.


Win XP, IE 8 with jquery-ie-text-shadow
Mac OS X 10.8, Safari 6

概要 / Overview

使い方 / Usage

  • jQueryをインクルードした後に、このライブラリをインクルードしてください。
    Internet Explorer 以外で不要な処理を実行しないため、 Internet Explorerの条件付きコメントを使うことをおすすめします。
  • 適用したい jQuery オブジェクトに対して、ieTextShadow()メソッドを呼び出してください。
  • CSSのtext-shadowプロパティで指定したスタイルが自動的に適用されます。
  • It is necessary to include this library after jQuery.
    I recommend that you use Internet Explorer's conditional comment.
  • Call ieTextShadow() method of jQuery DOM object that you'd like to apply text-shadow.
  • The style that defined by CSS text-shadow property is applied.
<script src="jquery-1.7.1.min.js"></script>
<!--[if lt IE 10]>
<script src="jquery-ie-text-shadow.js"></script>
$(document).ready(function() {
.emboss {
    text-shadow: 0px -1px #222222, 0px 2px #FFFFFF;    
<div class="emboss">Emboss</div>


  • ieTextShadow()メソッドの引数に、text-shadow プロパティの値を指定すると、CSSのスタイルを上書きできます。
  • You can overwrite CSS text-shadow property by arguments of ieTextShadow() method.
$('.emboss').ieTextShadow('4px -4px 10px red, -4px -4px 10px green');

制限事項 / Known Issues

  • 2行以上にまたがる長いテキストに適用すると、適用部分の後に意図しない改行が入ってしまいます。 面倒ですが、単語ごとに<span>タグで区切ると回避できます。
  • ブラウザのウィンドウサイズの変更等に伴い、テキストがリフローされた場合、影は再レイアウトされません。その結果、ベースのテキストとtext-shadowが分離していまいます。
  • 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 you resize window and text are reflowed, shadows are separated from text unintentionally.

謝辞 / Acknowledgement

Something went wrong with that request. Please try again.