javascript - 背景色に基づいてテキストの色を変更しますか？

Question

私はかなりミニマルなサイトを持っているので、隠されたテーマの切り替えなど、詳細を追加したいと思います。ただし、テーマを変更できることをユーザーに伝えたくないので、テキストを非表示にします。

私はこれを試しました：

var tausta = $(body).css("background-color");
$('.piiloteksti').css("color",tausta);

しかし、それは何もしません。正しいアプローチは何でしょうか？

フィドル。

Answer 1

if ステートメントの構文が少しずれていました。また、body文字列リテラルにする必要があります。

var tausta = $("body").css("background-color");
$('.piiloteksti').css("color", tausta);

例: http://jsfiddle.net/HbAHS/8/

Answer 2

if($('.piiloteksti').css("color",tausta);は間違った記述です。構文エラーです！ここには何もないはずifです。

どちらかを削除しますif

$('.piiloteksti').css("color",tausta);

またはifステートメントを完成させます。

if($('.piiloteksti').css("color",tausta)){
 // some other code
}

また$(body)、何も参照しません。またはのいずれ$('body')かを使用$(document.body)

Answer 3

CSSを変更しようとしましたが、うまくいきました。

// JavaScript

var tausta = $('body').css("background-color");
if($('.piiloteksti').css("color") == tausta) {
   alert(tausta);
}

// css (テスト)

body{background-color:red;}
.piiloteksti{color:red;}

Answer 4

CSSで要素を隠すことができます

.piiloteksti{display:none;} フィドル

または、それがレイアウトに干渉すると思われる場合は、

.piiloteksti{visibility:hidden;} フィドル

piilotekstiまたは、要素に透明な色を与えることができます

.piiloteksti{color:transparent;} フィドル