自定義工具提示沒有工作在IE

可能重複：
Problem with :hover in IE7 自定義工具提示沒有工作在IE

我創建了HTML和CSS一以下自定義提示。

它是HTML。

<a class="ttp" id="HelpIcon"> 
<img src="HelpIcon.gif" alt="" /> 
<div class="tooltip" id="ToolTipContainer"> 
sf sfsfs fsf fsd fsdfsf f skfksf sfs fskfsak fskldflsa fksafks afskladflkasf slkaf skfjskl fsjfl sflsf a </div> 
</a>

這是CSS。

/簡單哈弗沒有URL/

a.ttp { 
       position:relative; 
       z-index:24; 
       color:#3ca3ff; 
       font-weight:normal; 
       font-size:11px; 
       font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; 
       text-decoration:none; 
       cursor:default; 
      } 

      a.ttp div { 
       display:none; 
      } 

      a.ttp:hover { 
       z-index:25; 
       color:#aaaaff; 
      } 

      a.ttp:hover div.tooltip { 
       display:block; 
       position:absolute; 
       top:3px; 
       padding:10px 0 0 0; 
       left:20px; 
       background-image:url(HoverImage.gif); 
       color:#993300; 
       text-align: center; 
       filter: alpha(opacity:90); 
       -moz-opacity:0.9; 
       -khtml-opacity: 0.9; 
       overflow:hidden; 
       width:200px; 
       height:120px; 
      }

我有一個問題。這對Chrome和Firefox來說工作得很好。但IE不行。我該如何解決它。

來源

2011-11-18 zanhtet

我在IE 8中看到它，您使用的是哪個版本的IE？ – dnuttle

完全不相干，但你有沒有考慮過開源的tooltip選項？應該更跨瀏覽器穩定？例如。 http://mojavelinux.com/projects/domtooltip/ – r0ast3d

爲您的標記指定適當的文檔類型。 IE瀏覽器不會玩：在怪癖模式下懸停。

來源

2011-11-18 05:01:58 Christopher

更多詳細信息：http://stackoverflow.com/questions/143296/problem-with-hover-in-ie7 – Christopher

自定義工具提示沒有工作在IE

回答

相關問題