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

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

  
  
  
  
    
   
   
   
   
  1. /*              */ 
    2. 
   
   
   
   
  2. a.info {position:relative; z-index:0; text-decoration:none } 
    3. 
   
   
   
   
  3. a.info:hover {z-index:1; background-color:#ECFFFF } 
    4. 
   
   
   
   
  4. a.info span {display: none } 
    5. 
   
   
   
   
  5. a.info:hover span { display:block; line-height: 15px; padding:3px 3px 3px 3px; position:absolute; top:0px; left:10px; border: 1px dashed #0066FF; background-color:#ECFFFF; color:#0099FF; text-align: center } 
    6. 
   
   
   
   
  6. /*              */ 
    7.

2.ページ使用
  

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

HttpContext.Current.Items
Newキーワード