用于RGB颜色IE 8的jQuery内联样式RGB回退

Question

I am using jQuery to set the background of a div and i want to use rgba color in the browsers that support it but if they don't i would like to use rgb color as a fallback. I know how to achive this with plain css.

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

Do you know how i could achieve this with jQuery .css() ?

Answer 1

I believe if you use css() , it will overwrite the previous value for a property. If you want to do something like that, you can either set it manually via attr() , or you can use the callback function to see if it's IE or not, and set the value accordingly.

using attr()

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

using .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)";
});

NOTE: if you're using jquery version 1.9 or above, $.browser is removed, so you will need to detect IE8 in a different way.

Answer 2

您必须通过CSS两个参数

$(this).css("background-color", "rgb(255, 255, 255)");