jQuery UI 选项卡 - 绝对定位不起作用

Question

我想在 jQuery 的选项卡小部件中使用绝对定位在 div 顶部显示图像，但我不能。我认为这是某种依赖性问题，但我无法弄清楚。这是我的代码:

    <div id="tabs" style="width: 50%">
      <ul>
            <li><a href="#tabs-1">1st</a></li>
            <li><a href="#tabs-2">2nd</a></li>
            <li><a href="#tabs-3">3rd</a></li>
        </ul>
            <div id="tabs-2">         
            <div style="position: relative; left: 0; top: 0;">
                <img border="0" src="s7-200.gif" alt= "" style="position: relative; top: 0; left: 0; z-index: 5" />

                <img border="0" src="green-dot.jpg" style="position: absolute; top: 50; left: 100;"/>        
                </div>
      </div>
        <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>

有什么建议吗？

Answer 1

是的，在 px 中制作顶部和左侧怎么样？ 50px;?而不是 50 个？