php - 根据背景图像主导颜色更改字体颜色（在文本区域中）

Question

我在为某些元素设置正确的字体颜色时遇到了一些困难，因为我使用不同的图像作为背景。例如，我只使用白色，但是当我在文本区域中有一个颜色较浅的背景时，文本就变得不可读了。

有没有办法做到这一点？我用谷歌搜索并找到了许多解决方案，但它们是用于背景颜色而不是图像。我还发现使用服务器端 ex:php 语言比使用客户端 ex:javascript 更好。

如果有人有任何想法，或者至少有一些帮助页面的链接，我将不胜感激。谢谢。

Answer 1

I would suggest using css classes to specify background images and font colors... that way you can specify the font color as a function of the background.

.notification {
    background-color: #0000ff; // bright blue
    background-image: url('/path/to/texture.png');
    color: "white";
}

.article {
    background-color: #ffff00; // yellow;
    background-image: url('/path/to/texture.png');
    color: black;
}

then when you right in the document you will do so by role, this assumes the type attribute of you widget is either notification or article for this example.

foreach($widgets as $widget){
?>
  <div class='<?= $widget->type; ?>'>
  <?= $widget->content; ?>
  </div>
<?php
}

Answer 2

可能会在您的图像之上创建一个表格。通过这种方式，您可以使用对比色控制文本区域，并且可以将字体更改为您喜欢的任何字体。背景中的图像可以保留任何您喜欢的图像，我假设图像在您的页面正文中。无论如何，这是我可以为您想到的，希望对您有所帮助。我知道颜色和图像的设置总是既困难又费时。

<table border="0" bgcolor="#00FF00">
  <tr>
    <th>day</th>
    <th>Saving</th>
  </tr>
  <tr>
    <td>January</td>
    <td>something</td>
  </tr>
</table>