마우스 오버시 테이블 정보를 변경 하시겠습니까?

Question

나는 이것이 내 다른 질문과 유사 알고 있지만 나는 그것이 너무 열심히 그래서이 일

내가 두 개의 탭이 만든 이해하기 위해 만든 :

"검색"과 "태그"

을

"검색"이 기본 탭이므로 배경이 아닌 텍스트 뒤에 테이블에 둥근 모서리가 있습니다.

마우스를 가져 가면이 둥근 모서리 상자가 '태그'탭 뒤에 있어야합니다. '태그'

어떻게하면 되나요?

HTML :

<table height="20" width="30" cellpadding="0" cellspacing="0"> 
<tr> 
<td> 

<div class="roundedcornr_box_407494"> 
<div class="roundedcornr_top_407494"><div></div></div> 
    <div class="roundedcornr_content_407494"> 
     <font color="#ffffff" size="2" face="helvetica"> 
Search 
</font> 
    </div> 
<div class="roundedcornr_bottom_407494"><div></div></div> 
</div> 

</td> 
</tr> 
</table> 

</td> 
<td> 
<div style="margin-left:10px;" /> 
<center> 
<table height="20" width="30" cellpadding="0" cellspacing="0" > 
<tr> 
<td> 
<center> 
<div class="roundedcornr_box_235759"> 
<div class="roundedcornr_top_235759"><div></div></div> 
    <div class="roundedcornr_content_235759"> 
<font color="#585858" size="2" face="helvetica"> 
Tags 
</font>  </div> 
    <div class="roundedcornr_bottom_235759"><div></div></div> 
</div> 
</center> 
</td> 
    </tr> 
    </table> 

CSS :

.roundedcornr_box_407494 { 
background: #bdbdbd; 
} 
.roundedcornr_top_407494 div { 
background: url(roundedcornr_407494_tl.png) no-repeat top left; 
} 
.roundedcornr_top_407494 { 
background: url(roundedcornr_407494_tr.png) no-repeat top right; 
} 
.roundedcornr_bottom_407494 div { 
background: url(roundedcornr_407494_bl.png) no-repeat bottom left; 
} 
.roundedcornr_bottom_407494 { 
background: url(roundedcornr_407494_br.png) no-repeat bottom right; 
} 

.roundedcornr_top_407494 div, .roundedcornr_top_407494, 
.roundedcornr_bottom_407494 div, .roundedcornr_bottom_407494 { 
width: 100%; 
height: 5px; 
font-size: 1px; 
} 
.roundedcornr_content_407494 { margin: 0 5px; } 

감사합니다!

제임스

Answer 1

당신은 마우스 오버 밖으로 마우스 당시 Seach와 같은 자사의 클래스를 변경 한 때 탭은 다음 ID를 div에, 및 제공 할 수 있습니다.

믹스에 가운데 및 글꼴 태그가 있기 때문에 모든 스타일을 CSS에 넣어야합니다. 또한, 많은 새로운 브라우저는 css3에 대한 둥근 모서리 지원을 제공합니다. 아마도 여러분을위한 해결책은 아니지만 단지 그 점을 지적하고 싶었습니다.