AnsweredAssumed Answered

CSS for Javascript popups - odd behaviour

Question asked by bensca on Aug 31, 2015
Latest reply on Sep 1, 2015 by bensca

I am attempting to format a popup in a javscript map using the popup's css.  I have copied the popup.png sprite locally and have modified the pointers.

 

Strangely, I have been able to successfully reference the bottom, bottom left, bottom right, left and right pointers, but the top, top left and top right pointers display a black box instead of the pointer (see below).

 

New Picture (12).bmp

 

As an example of the ones that work - here is the bottom one:

 

New Picture (9).bmp

 

The problem is not to do with the sprite or with the background position setting, because I can change the bottom pointer to reference the top pointer in the sprite.. and it displays fine i.e.:

 

New Picture (10).bmp

 

If I set the background of the top pointer to transparent the black box goes away but still no arrow.  I have played with the position settings and anything else I can think of but with no success.  I am beginning to think this is a bug. 

 

My css file and the sprite is attached.

 

Cheers,

Ben

Attachments

Outcomes