Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 460368

Summary: CSS image hover does not work for "background" shorthand property
Product: [ECD] Orion Reporter: Mark Macdonald <mamacdon>
Component: ClientAssignee: Michael Rennie <Michael_Rennie>
Status: RESOLVED FIXED QA Contact:
Severity: normal    
Priority: P3 CC: Michael_Rennie
Version: 7.0   
Target Milestone: 9.0   
Hardware: PC   
OS: Windows 7   
Whiteboard:

Description Mark Macdonald CLA 2015-02-19 12:53:13 EST 
1. Create a .css file containing this

> .foo {
> 	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEX///8AAABVwtN+AAAAi0lEQVQY052QwQ0CMRADg3jcMyXQCTR2AkpLKVfCPfNAGHthxP8iRRMlXmfX7b/668uHnsFJ2sNFmuFFeoe3uahko5VQvhqWu7pvrZ2nS/bs33nzm9mHtdGkZrVdeDfjdbVHedcxlzCSEq9hP0x88IX8Sx/0BembOZiLOZmbHMiFnMiNHMmVnMmd9QG38EsniDvZhQAAAABJRU5ErkJggg==');
> }

2. Hover over the "background" property.

I expected to see a popup to appear showing the image data (a black circle).
Instead I see popup showing a blue square.

If I use the "background-image" property instead of the "background" shorthand, then I do see the image, as expected.