javascript - 根据背景颜色更改文本颜色？

Question

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

我试过这个：

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

但它什么也没做。什么是正确的方法？

score 0 · Accepted Answer

你的 if 语句的语法有点不对劲。此外，body必须将其设为字符串文字。

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

score 0 · Accepted Answer

if($('.piiloteksti').css("color",tausta);是错误的说法。那是语法错误！这里应该没有if。

要么删除if

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

或完成if陈述。

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

也$(body)没有提到任何东西。使用$('body')或$(document.body)

score 0 · Accepted Answer

我尝试修改 CSS，它可以工作。

// javascript

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

// css (测试)

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

score 0 · Accepted Answer

您可以使用 CSS 隐藏元素

.piiloteksti{display:none;} 小提琴

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

.piiloteksti{visibility:hidden;} 小提琴

或者你可以只给你的piiloteksti元素透明颜色

.piiloteksti{color:transparent;} 小提琴

4 回答 4