JQuery工具选项卡内的滚动按钮_Jquery_Tabs_Rollover

JQuery工具选项卡内的滚动按钮

jquery tabs

JQuery工具选项卡内的滚动按钮,jquery,tabs,rollover,Jquery,Tabs,Rollover,我有一个翻转图像125x80。下面的代码是简单的html和css，可以正常工作，但是当我尝试将#questions div集成到JQuery工具选项卡窗格中时，该按钮从未出现。我想知道我做错了什么 <html> <head> <style> #questions a:link{ height: 40px; width: 125px; display: block; background: url(../images/btn-questions.png) n

我有一个翻转图像125x80。下面的代码是简单的html和css，可以正常工作，但是当我尝试将#questions div集成到JQuery工具选项卡窗格中时，该按钮从未出现。我想知道我做错了什么

<html>
<head>
<style>

#questions a:link{
height: 40px;
width: 125px;
display: block; 
background: url(../images/btn-questions.png) no-repeat left top;
}

#questions a:hover{  background-position: left bottom;  }   

</style>
</head>

<body>

<div id="questions"> <a href="#"></a> </div>

</body>
</html>


#问题a：链接{
高度：40px；
宽度：125px；
显示：块；
背景：url（../images/btn questions.png）不重复左上方；
}
#问题a：悬停{背景位置：左下；}

这很有效。然后，我尝试以以下方式将其集成到JQuery工具选项卡窗格中：

<div class="panes"> 

<div>
This is the first tab. This text appears inside the pane
<img src="../This image works too.png" />

<div id="questions">
    <a href="#">WHY THIS ROLLOVER BUTTON DOESN'T APPEAR INSIDE THE PANE?</a>
</div>

</div>  
</div>


这是第一个标签。此文本显示在窗格中

提前谢谢

好的，最后我放弃了JQuery工具选项卡。这对我来说太复杂了。现在我使用的是来自的选项卡，滚动图像工作正常。此外，我还必须通过以下方式更改CSS：

#questions {
position: absolute;
left:500px;
top:75px;
width:125px; 
height:40px;        
overflow:hidden; /* IE needed */     
}

#questions a:hover img
{ margin-top:-40px }

我通过以下方式更改了div：

<div id="questions">  
    <a href="#"><img  src="../images/btn-questions.png" ></a>
</div>

我喜欢这个标签。此外，您不需要JQuery工具所需的选项卡的任何图像。更好、更干净、更简单。希望这个解决方案能帮助任何有同样问题的人