我正在使用 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。
关于javascript - rgba 颜色 IE 8 的 jQuery 内联样式 rgb 回退,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17713511/