jReject plugin - not displaying background image
For some reason, the 'background_browser.gif' are not displaying in IE6-8. At least not in WinXP Mode virtual machines on a Windows 7 64bit host. The image path is correct and all other images are displayed.
The 'background_browser.gif' do display in FireFox and Chrome in the WinXP Mode virtual machines and they show in every browser installed on the host machine.
When I examine the HTML, I get the following in the browsers that show the images:
- <li id="jr_firefox" style="background: url("/includes/js/jReject/images/background_browser.gif") no-repeat scroll left top transparent;">
Below is the HTML in browsers that don't show the images:
- <li id="jr_firefox" style="background: left top;">
Anyone have any ideas how to fix?
I even created a new page and placed nothing on it but jReject and got the same results.
I believe the lines of code below are what's supposed to make the background image appear:
element.find('#jr_inner li').css({ // Browser list items (li)
background:
'transparent url("'+opts.imagePath+'background_browser.gif")'+
'no-repeat scroll left top'
});
element.find
('#jr_inner li .jr_icon').each(function() {
// Dynamically sets the icon background image
var self
= $(this);
self.css
('background','transparent url('+opts.imagePath+'browser_'+
(self.parent('li').attr('id').replace(/jr_/,''))+'.gif)'+
' no-repeat scroll left top');