javascript - rgba 颜色 IE 8 的 jQuery 内联样式 rgb 回退

Question

我正在使用 jQuery 设置 div 的背景，我想在支持它的浏览器中使用 rgba 颜色，但如果它们不支持，我想使用 rgb 颜色作为后备。我知道如何使用纯 CSS 实现此目的。

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

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

Answer 1

我相信如果您使用 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。