这里用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 通过设置内部元素posit

这篇博客介绍了如何使用JavaScript实现HTML元素的背景半透明,同时保持文字正常显示。通过将16进制颜色转换为RGB格式,然后调整透明度来达到效果。
订阅专栏 解锁全文
1726

被折叠的 条评论
为什么被折叠?



