Question

我有一个图像滑块，上面覆盖了文字。我想根据图像的主题（浅色或深色）将文本颜色更改为黑色或白色。

我想手动指定图像的主题，因为我不想过于复杂化。例如，它可以像这样工作：

If imagetheme == 'light'
textcolor == #000

......反之亦然。

Answer 1

有一个样式表可以对放置在<body>元素上的主题类做出反应（例如.light）。没有一团糟。

Answer 2

我想你差不多自己写了！我愿意......

if ( var imagetheme == 'light' ) {
  var textcolor = '#000';
}
else if { var imagetheme == 'dark' ) {
  var textcolor = '#fff';
}

或者您可以使用Javascript的Ternary运算符编写它。

var imagetheme == 'light' ? var textcolor = '#000' : var textcolor = '#fff';