No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
test
.gitignore
MIT-LICENSE.txt
README.md
demo.html
ie-text-shadow.jquery.json
jquery-1.2.4.min.js
jquery-1.3.2.min.js
jquery-1.4.4.min.js
jquery-1.5.2.min.js
jquery-1.6.4.min.js
jquery-1.7.2.min.js
jquery-1.8.3.min.js
jquery-1.9.1.min.js
jquery-ie-text-shadow.js
linen.png

README.md

jquery-ie-text-shadow

ie8
Win XP, IE 8 with jquery-ie-text-shadow
safari6
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>
<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

  • 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