php - 简单的颜色变化

Question

我正在创建一个 UI，用户可以在其中更改其页面的颜色值。我想要的是获取分配给它们背景颜色的值并将其变亮一定量。我只是想获得一条高光线，而不必每次都制作新图像。

示例:用户将背景颜色设置为#ECECEC。现在我想让某个元素的边框变成#F4F4F4(一种更接近白色的颜色)。

如果他们是使用 Javascript、PHP 甚至 jQuery 执行此操作的好方法，请告诉我。

Answer 1

一个更简单的解决方案是在 CSS 中使用 rgba() 颜色构造函数:

border: 1px solid rgba(255,255,255,0.7)

这将创建一个 70% 不透明度的白色边框。不幸的是，这在 Firefox 2、Opera 9 或任何版本的 IE 中都不支持。为这些浏览器创建替代版本并不困难。 jQuery 示例:

$('body').append('<div id="rgbatest" style="color:rgba(0,0,0,0);position:absolute;visibility:hidden">&nbsp;</div>"');
if(!$('#rgbatest').css('color').match(/^rgba/)){
     $('body').addClass('no-rgba');
}
$('#rgbatest').remove();

从这里，您可以使用 .no-rgba 类来覆盖 rgba 颜色。

#thisDiv{border: 1px solid rgba(255,255,255,0.7)}
.no-rgba #thisDiv{border: 1px solid #FFF}