2011-07-04 4 views
2

jQuery의 탭 위젯 내에서 절대 위치 지정을 사용하여 div 위에 이미지를 표시하고 싶지만 그럴 수 없습니다. 나는 그것이 일종의 의존성 문제라고 생각하지만, 나는 그것을 이해할 수 없다. 내 코드는 다음과 같습니다.jQuery UI 탭 - 절대 위치가 작동하지 않습니다.

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

제안 사항?

+0

어쨌든 px는 위쪽과 왼쪽을 어떻게 만드나요? 50px; 50 대신에? – Val

+0

쿨, 고마워, 내 바보 같은 질문에 대해 유감스럽게 생각합니다. 그저 – egzeqtA

+1

@을 추천합니다. 방화범을 사용하고 스타일을 가지고 놀아주세요. – kobe

답변

1

어둡게하는 방법에 대해 px로 위쪽 및 왼쪽 만들기? 50px; 50 대신에?