html怎么让文字半透明,用js设置div背景半透明而文字不透明

最新推荐文章于 2024-07-31 16:33:32 发布

瑆箫

最新推荐文章于 2024-07-31 16:33:32 发布

阅读量855

点赞数

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/mo3408/article/details/128005682

版权

web前端技术同时被 3 个专栏收录

274 篇文章 12 订阅 ¥129.90 ¥299.90

订阅专栏

超级会员免费看

web

205 篇文章 8 订阅 ¥129.90 ¥299.90

订阅专栏

超级会员免费看

vue

33 篇文章 0 订阅

订阅专栏

这里用js来实现元素半透明，而其中的文字正常显示的方法：// 把16进制颜色转换成rgb格式

var colorToRGB = function (color) {
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/g;

var sColor = color.toLowerCase();

if (sColor && reg.test(sColor)) {
if (sColor.length === 4) {
var sColorNew = "#";

for (var i = 1; i

sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));

}

sColor = sColorNew;

}

//处理六位的颜色值

var sColorChange = [];

for (var i = 1; i

sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));

}

return sColorChange.join(",");

} else {
return color;

}

}

var setBakckgoundAndOpacity = function (obj, color, opacity) {
var rgbaObj = colorToRGB(color);

if (jQuery.browser.msie && parseInt(jQuery.browser.version)

// 针对ie 6，7，8 通过设置内部元素position:relative；可以避免被父节点的opacity影响

jQuery(obj).children().each(function

了解本专栏