hint.css icon indicating copy to clipboard operation
hint.css copied to clipboard

Appear over element which has a "fixed" CSS position.

Open CassySpencer opened this issue 8 years ago • 5 comments

Please can someone help me?

I'm seeing a strange bug where the tool tip hides beneath an element that has a fixed position.

screen shot

You can see in my screenshot that my tooltip has a z-index of 1000000 and next to it is a golden did that has a z-index of 10. The golden DIV also as a fixed position. However whenever the tooltip appears, it always hides beneath the golden DIV. I have to keep the position fixed as the gold DIV is a toolbar and must remain floating above other elements.

Please can someone help as I don't know too much about CSS? Thank you.

CassySpencer avatar Mar 14 '17 08:03 CassySpencer

@CassySpencer is this page public where I can see the issue? z-indexes are not that easily comparable between any 2 elements on the page, so I need to see the actual page to be able to suggest something.

chinchang avatar Mar 14 '17 17:03 chinchang

Thank you. The page is not publicly accessible. Can you trying adding a "fixed" positioned next to something that shows your tooltip and see who that affects the tooltip?

CassySpencer avatar Mar 14 '17 18:03 CassySpencer

@chinchang Have you had any luck with this?

CassySpencer avatar Mar 16 '17 18:03 CassySpencer

@CassySpencer As mentioned, the issue isn't something because of just fixed positioned element. For example, see the demo here -> http://codepen.io/chinchang/pen/dvZpjd The tooltip shows fine there. So probably your content (containing tooltip) is itself in some element having z-index lower than 10. You could try replicating a minimum structure of your page on codepen and share here for debugging.

chinchang avatar Mar 16 '17 19:03 chinchang

@chinchang Thank you So much :)

CassySpencer avatar Mar 16 '17 21:03 CassySpencer