(function($) {

  // Get this browser's take on no fill

  // Must append it, else Chrome etc return 'initial'

  var $temp = $('<div style="background:none;display:none;"/>').appendTo('body');

  var transparent = $temp.css('backgroundColor');

  $temp.remove();

​

jQuery.fn.bkgcolor = function( fallback ) {

    function test( $elem ) {

        if ( $elem.is('body') &&  $elem.css('backgroundColor') == transparent ) {

          return fallback || transparent;

        }

        if ( $elem.css('backgroundColor') != transparent ) {

            return $elem.css('backgroundColor');

        } else {

            return test( $elem.parent() );

        }

    }

    return test( $(this) );

};

​

})(jQuery);

​

​

​

// Use it

var ids = ['d1','d2','d3','d4','d5','d6'];

$.each(ids, function(index, id){

  console.log(id);

  var $div = $('body:not(.twice) #'+id);

    $div.prepend( $('<span class="right"/>').text( $div.bkgcolor() ));

});

​

//jsbin runs everything twice...?

$('body').addClass('dontrunthis twice');