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.