Home/ Questions/Q 128933
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T05:42:49+00:00

I would like to use tooltip in a web page with the following constraints:

  • 0

I would like to use tooltip in a web page with the following constraints:

  • Tooltip should work with simple texts, not only with anchors.
  • I do not want to use javascript, only css.
  • I would like to make it work at least in Firefox and Internet Explorer.

A promising candidate is Eric Meyer’s solution, but it uses anchors. Loadaveragezero’s solution uses span for simple text, but it does not work in Internet Explorer.

I am looking for a working code sample or a link to a solution with the above parameters.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. As others have said, your requirements are unrealistic. In environments where Javascript may be disabled, I typically will use the title attribute to get simple browser tooltips as a fallback, and then enable better looking tooltips via Javascript reading the title attributes (using a framework such as jQuery, or for my personal preference Mootools).

    Code sample might be something like (using Mootools and the Tips addon):

    <script type='text/javascript'> window.addEvent('domready', function() {     // Enable the most basic default tooltips     var tooltips = new Tips('.tips'); } </script>  <p>This is some example text in <abbr class='tips' title='Hypertext Markup Language'>HTML</abbr> with some <a href='#' class='tips' title='Tooltips are useful tools'>tooltips</a> applied to some of it.</p>
    • 0