Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master

Merge pull request #1 from hirayama-evolni/run_without_jquery_browser

Create a $.browser compatible object for newer jQuery.
latest commit d5607e9b32
Ryosuke Otsuya authored
Failed to load latest commit information.
test Add test script.
.gitignore Updated gitignore.
MIT-LICENSE.txt Add license. Updated README.
demo.html Changed background.
ie-text-shadow.jquery.json Add jQuery plugin manifest.
jquery-1.2.4.min.js Included all version of jQuery.
jquery-1.3.2.min.js Included all version of jQuery.
jquery-1.5.2.min.js Included all version of jQuery.
jquery-1.6.4.min.js Included all version of jQuery.
jquery-1.7.2.min.js Included all version of jQuery.
jquery-1.8.3.min.js add demo page.
jquery-1.9.1.min.js Included all version of jQuery.
jquery-ie-text-shadow.js Create a $.browser compatible object for newer jQuery.
linen.png Changed background.


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.