火狐とグーグルブラウザに対応するメッセージプロンプトボックス


火狐とグーグルブラウザに対応するメッセージプロンプトボックス
ここでは私が以前jspで画像にonmouseroverとonmouseoutでプロンプトボックス情報を表示していたとき、火狐ブラウザとグーグルブラウザでメッセージdiv表示がずれたり、表示されなかったりする問題に遭遇しました!
ここでは、onmouseoverとonmouseoutが互換性がないといういくつかのブラウザの問題を簡単に解決できます.
1.ページcss
 

  
  
  
  
  1. /* */ 
  2. a.info {position:relativez-index:0text-decoration:none } 
  3. a.info:hover {z-index:1background-color:#ECFFFF } 
  4. a.info span {displaynone } 
  5. a.info:hover span { display:blockline-height15pxpadding:3px 3px 3px 3pxposition:absolute; top:0px; left:10pxborder1px dashed #0066FFbackground-color:#ECFFFFcolor:#0099FFtext-aligncenter } 
  6. /* */ 

2.ページ使用
 

  
  
  
  
  1. <a class="info" href="javascript:void(0);"><img src="" /> 
  2. <span style="width:150px;"> </span></a> 
  3.  
  4. <a class="info" href="javascript:void(0);"> 
  5. <b> </b><span> </span></a>