JQuery工具選項卡內的滾動按鈕

我有一個滾動圖像125x80。下面的代碼是簡單的html & css並且工作正常，但是當我嘗試將#questions div集成到JQuery Tools選項卡窗格中時，該按鈕從不出現。我想知道我做錯了什麼。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>

這是行得通的。然後我嘗試將它集成到JQuery Tools Tab Pane中，方法如下：

<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>

在此先感謝！

來源

2011-03-27 Jorge

好吧，最後我放棄了JQuery工具選項卡。這對我來說似乎太複雜了。現在我使用http://www.sohtanaka.com/web-design/examples/tabs/中的選項卡，並且翻轉圖像可以正常工作。此外，我不得不通過以下更改CSS：

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

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

而且我通過改變股利：

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

我喜歡這個標籤。另外，您不需要JQuery Tools所需的任何標籤圖像。更好，乾淨，容易。希望這個解決方案可以幫助任何有同樣問題的人。

來源

2011-04-07 23:59:20 Jorge

JQuery工具選項卡內的滾動按鈕

回答

相關問題