Jquery CSS颜色可见性问题

这似乎是一个非常奇怪的问题，但我有以下问题：

如您所见，当图像颜色较深时，分页显示不清楚

我想根据下面的图像颜色更改分页颜色

---

这在rgb/css中可能吗？或者使用Javascript？

您可以使用50%的rgba，例如：

element {
color: rgba(255,255,255,0.5);
}

这将使字体变白，并将不透明度设置为50%。您可以通过以下方式获得相同的效果：

element {
opacity: 0.5;
color: rgb(255,255,255);
}

请注意，并非所有浏览器都支持第一种方法

要防止分页隐藏在白色背景上，可以使用文本阴影：

element {
text-shadow: 0px 1px 3px #000;
}

---

（请参阅）

您可以使用50%rgba，例如：

element {
color: rgba(255,255,255,0.5);
}

这将使字体变白，并将不透明度设置为50%。您可以通过以下方式获得相同的效果：

element {
opacity: 0.5;
color: rgb(255,255,255);
}

请注意，并非所有浏览器都支持第一种方法

要防止分页隐藏在白色背景上，可以使用文本阴影：

element {
text-shadow: 0px 1px 3px #000;
}

---

（请参阅）

如果可以将值与图像一起存储，则可以使用

数据-*

-属性：

// images that are dark gets the new attribute
<img src="" alt="">
<img src="" alt="" data-invert="true">

// let's say this is you pagination
<nav id="pagination">
    // your pagination elements
</nav>

---

类

invert

具有更亮的配色方案，在较暗的图像上看起来很好。

如果可以将值与图像一起存储，则可以使用

数据-*

-属性：

// images that are dark gets the new attribute
<img src="" alt="">
<img src="" alt="" data-invert="true">

// let's say this is you pagination
<nav id="pagination">
    // your pagination elements
</nav>

---

类

invert

只是一个较亮的配色方案，在较暗的图像上看起来不错。

为文本添加灰色阴影。它会很好地工作。

给文本加上灰色阴影。它将完美地工作。

我建议您使用不同的设计方法，而不是使用JS。尝试添加一个浅灰色的

边框

，该边框将适用于所有背景。请参阅此演示：

---

我建议您使用不同的设计方法，而不是使用JS。尝试添加一个浅灰色的

边框

，该边框将适用于所有背景。请参阅此演示：

---

---

如果您也向我们提供HTML，那就更容易了……为什么您需要HTML来实现这一点？我已经在图中清楚地描述了问题……也许这有帮助：[[1]：如果我们能看到HTML，我们就会知道哪些元素可用于样式设置。为什么您需要HTML？这是一种方便的方法，可以在不提供任何帮助的情况下获得支持。如果您也为我们提供HTML，会更容易…为什么您需要HTML？我在图中清楚地列出了问题…也许这有帮助：[[1]：如果我们能看到HTML，我们就会知道哪些元素可用于样式设置。为什么需要HTML？--这是一种在不提供任何帮助的情况下获得更高投票率的便捷方法。这是一种不错的方法，但不幸的是，在较暗的图像上，分页不够明显。如果背景与背景颜色相同，该怎么办不透明度？您仍然会丢失分页的可见性。然后您可以为字体提供浅背景（例如背景色：rgba（0,0,0,0.2））。我们使用文本阴影，如上所述。如果图像是动态加载的，并且您不能为每个即将加载的图像测试用例，那么这不是一个合适的解决方案。这是一个不错的方法，但不幸的是，在较暗的图像上分页不够明显。如果背景与不透明度相同，该怎么办？您仍然会看到se分页的可见性。然后您可以为字体提供浅背景（例如背景色：rgba（0,0,0,0.2））。我们使用文本阴影，如上所述。如果图像是动态加载的，并且您不能为每个即将加载的图像测试用例，那么这不是一个合适的解决方案。这实际上是我最后要做的：）这实际上是我最后要做的：）