Skip to main content

Bug Tracker

Side navigation

#11357 closed bug (invalid)

Opened February 16, 2012 10:52PM UTC

Closed March 07, 2012 08:04AM UTC

Last modified April 24, 2013 08:57PM UTC

Background Images Not Visible in Chrome/Mac 17.0.963.56

Reported by: Owned by:
Priority: low Milestone: None
Component: misc Version: 1.7
Keywords: Cc:
Blocked by: Blocking:

Since the release just before 17.0.963.56, background images in divs that have been hidden will not appear again. When the element is inspected, it may show display:block and/or visibility:visible, yet the background image is not visible. However if you toggle the background image off and then back on (using Chrome inspector tool), it appears. Not sure if the bug is with Chrome browser or jQuery, but almost all of the posts online I have found mention jQuery. Again, this is only Chrome on a Mac. Chrome for PC does not have this problem.

Attachments (0)
Change History (5)

Changed February 16, 2012 10:53PM UTC by timmywil comment:1

component: unfiledmisc
owner: →
priority: undecidedlow
status: newpending

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket.

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: Open the link and click to "Fork" (in the top menu) to get started.

Changed February 21, 2012 11:18PM UTC by anonymous comment:2

I'm experiencing the same issue with jQuery 1.7.1 and Chrome 17.0.963.56.

Here's my case on jsFiddle:

Changed March 07, 2012 08:04AM UTC by trac-o-bot comment:3

resolution: → invalid
status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

Changed July 21, 2012 04:27PM UTC by comment:4

I am experiencing the same issue with Chrome 20.0.1132.57 m on Windows 7 pc. The issue only seems to present when attaching class ui-state-highlight to element. Other class names work as desired. Opening Chrome Developer tools and toggling bg image off and on solves the problem for that instance. Parent element has fixed position, z-index 10001. Elements display initially set to none.

Changed April 24, 2013 08:57PM UTC by anonymous comment:5

I'm seeing this on "". The background image of the overlay isn't rendering properly if you try opening this link in a new window a few times. When I use the console to modify $('#auth_overlay .modal .inner') to have a different background image and swap it back, it still doesn't show up properly. I checked the computed style and chrome thinks it doesn't have a background, while the css states that it should.

The only way I've found to force chrome to show the background is when I inspect the element, uncheck the background property, and recheck it back. Using javascript in the console doesn't work.

From my debugging, it seems that chrome treats anything with the class 'inner' as having a blank background. I tested this theory by applying .inner to another element using the developer console and found that it caused the element to have a blank background instead of the background that should result from .inner.