我正在创建一个 UI,用户可以在其中更改其页面的颜色值。我想要的是获取分配给它们背景颜色的值并将其变亮一定量。我只是想获得一条高光线,而不必每次都制作新图像。
示例:用户将背景颜色设置为#ECECEC。现在我想让某个元素的边框变成#F4F4F4(一种更接近白色的颜色)。
如果他们是使用 Javascript、PHP 甚至 jQuery 执行此操作的好方法,请告诉我。
最佳答案
一个更简单的解决方案是在 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"> </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}
关于php - 简单的颜色变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1177826/