2013-09-24 背景画像の明暗に合わせて文字色を自動変更できるようになるJavaScriptライブラリ『BackgroundCheck』 Web BackgroundCheckの紹介 BackgroundCheckは背景画像にオーバーラップされている文字色を見やすい色に変えてくれるJavaScriptライブラリです。 背景が暗い => 文字色: 白 背景が明るい => 文字色: 黒 となります。 デモをやってみた デモでは文字の背景が暗いところでは文字が白くなり、文字の背景が明るいところでは文字が黒くなrります。 BackgroundCheckを使ってみよう まずはCSS。背景色によって"background--ligtht"か"background--dark"というクラス名が追加されるので、その時のスタイルを追加してあげる。 p { color: white; } .p.back