Results 1 to 1 of 1

Thread: Clear CSS Tool Tip in Opera

  1. #1

    Thread Starter
    Frenzied Member agmorgan's Avatar
    Join Date
    Dec 2000
    Location
    Lurking
    Posts
    1,383

    Clear CSS Tool Tip in Opera

    I am using the following code to create a Tool Tip when I mouse over a link.
    It works fine in IE and Fx, however, in Opera the tip doesn't disappear when I move the mouse away from the text.
    Is this a problem with Opera or is it my code?
    Code:
    <STYLE TYPE="text/css">
      a.info{
        position:relative; /*this is the key*/
        z-index:24; background-color:#FFFFFF;
        color:#000;
        cursor: help;
        text-decoration:none
      }
      a.info:hover{
        z-index:25; 
        background-color:#89B3E0;
        text-decoration:none
      }
      
      a.info span{display: none}
    
      a.info:hover span{ /*the span will display just on :hover state*/
          display:block;
          position:absolute;
          top:2em; left:2em; width:15em;
          border:2px solid black;
          padding: 2px;
          background-color:#89B3E0; color:#000;
          text-align: center;
          text-decoration:none
      }
      </STYLE>
    
    <P><A HREF="javascript:void(0)" >Email Address: <SPAN>It is essential that you enter a valid email address as the results will be emailed to you.</SPAN></A> </P>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width