Open chauff opened 11 years ago
I am using hint.css in combination with prettify http://code.google.com/p/google-code-prettify/
On Chrome/Safari the tooltips look normal, on Firefox, the combination with prettify.js yields strange results - the arrow is mangled or does not appear and the second/third letter of the tooltip are only semi-visible.
toy example code:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="run_prettify.js"></script> <link rel="stylesheet" href="hint.css"></link> </head> <body> <pre class="prettyprint" style="border:0px"> <code class="language-xml"> <?xml version="1.0" encoding="utf-8" ?> <book> <page>1</page><nocode><a style="max-width:50px;" class="hint--top hint--always" data-hint="Tooltip text."></a></nocode> <page>2</page> <page>3</page><nocode><a style="max-width:50px;" class="hint--right hint--always" data-hint="Tooltip text."></a></nocode> </book> </code> </pre> </body> </html>
@charlotteHase If we can have a small demo on CSSDeck or JSBin depicting the issue, that would be great.
http://jsbin.com/akubiy/1/
I am using hint.css in combination with prettify http://code.google.com/p/google-code-prettify/
On Chrome/Safari the tooltips look normal, on Firefox, the combination with prettify.js yields strange results - the arrow is mangled or does not appear and the second/third letter of the tooltip are only semi-visible.
toy example code: