根据背景颜色更改文字颜色？

Question

我有一个非常简约的网站，所以我想为它添加细节，就像隐藏的主题切换一样。但我不想告诉用户主题可以更改，所以我想隐藏文本。

我试过这个：

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

但它没有做任何事情。什么是正确的方法？

A fiddle.

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（test）

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

Answer 4

您可以使用CSS隐藏元素

.piiloteksti{display:none;} Fiddle

或者，如果您认为这会干扰您的布局，那么

.piiloteksti{visibility:hidden;} Fiddle

或者您可以为piiloteksti元素提供透明色

.piiloteksti{color:transparent;} Fiddle