jQuery内联风格的rgb回退rgba颜色IE 8

jQuery inline style rgb fallback for rgba color IE 8

本文关键字：rgba 颜色 IE 回退 rgb 风格 jQuery      更新时间：2023-09-26

我正在使用jQuery设置div的背景，我想在支持它的浏览器中使用rgba颜色，但如果不支持，我想使用rgb颜色作为后备。我知道如何用普通css实现这一点。

style="background: rgb(250, 0, 0); background: rgba(250, 0, 0, 0.5);"

你知道我如何用jQuery .css()实现这一点吗？

我相信如果使用css()，它将覆盖属性的上一个值。如果你想做这样的事情，你可以通过attr()手动设置，也可以使用回调函数查看它是否是IE，并相应地设置值。

使用attr()

$('element').attr('style','background: rgb(250, 0, 0); background: rgba(250, 0, 0, 0.5);');

使用.css()

$('element').css('background', function() {
   // if you're using jquery version < 1.9
   if($.browser.msie && parseInt($.browser.version, 10) === 8) 
     return 'rgb(250, 0, 0);';
   else 
     return "rgba(250, 0, 0, 0.5)";
});

注意：如果您使用的是jquery 1.9或更高版本，$.browser将被删除，因此您需要以不同的方式检测IE8。

您必须通过css两个参数

$(this).css("background-color", "rgb(255, 255, 255)");
相关文章：