CSS Tooltips not Displaying in IE11

[uwgp]

I think someone deleted my post?

Fiddle: http://jsfiddle.net/kzjtpcv0/15/

CodePen: https://codepen.io/anon/pen/VBMNdG

Trying to make these tool tips appear in IE11 and 10 (probably 8 and 9 too but I haven’t checked).

Thank you!

[Beverleyh]

There’s a lot of excess code there so it’s hard to work out what relates to the tooltips and what doesn’t. Try stripping back the code so that you’re just left with the HTML, CSS and JS that related directly to the tooltips. We don’t really need to see anything else. Help us to help you.

[uwgp]

I’m confused. I’ve reduced this a lot. The HTML I’ve left is necessary to present the item I’m having issue with, and it’s only 20 lines. The CSS I’ve left is 85 lines but all of it is necessary for you to see what I’m doing. I don’t know what you want me to remove.

Everything there relates to the tool tip. The thing you hover over to generate it, the tooltip itself, and the content within the tooltip.

I do not know how to reduce this further… but I do need help.

[Beverleyh]

You’re only targetting webkit browsers here;

.Row-4044244_329177 {
...
  -webkit-transform: translateZ(0); /* webkit flicker fix */
...
}

Try adding a definition for non-webkit browsers too.

[uwgp]

Thank you thank you thank you! I don’t know how I missed this. I can’t tell you how much less stressful you’ve made this Monday morning! THANK YOU!

[Author]

Posts