메뉴 테이블 투명도

메뉴 테이블 투명도

QA

메뉴 테이블 투명도

답변 1

본문

 

http://jclindustry.com/index_test_01.php

 

이 홈페이지 보시면 상단 메뉴를 만들고있는데 소메뉴 테이블에 투명도

적용을 해도 먹지 않네요 ㅜㅜ 왜이러는거죠?

 

 

<tr>
<td  align="center" valign="top">  
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="right" bgcolor="FAFAFA">
 <div align="center">
        <TABLE cellSpacing=0 cellPadding=0 width=1000>
          <TBODY>
            <TR>
              <TD height=8> <STYLE>#allmenu { Z-INDEX: 300; POSITION: relative; TOP: 30px; right: 102px
}
#allmenu_box {
 Z-INDEX: 310; POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1205px; PADDING-RIGHT: 0px; HEIGHT: 301px; OVERFLOW: hidden; TOP: 30px; PADDING-TOP: 0px; LEFT: 0px
}
</STYLE> <DIV id=allmenu>
                  <DIV id=allmenu_box onmouseover=allmenu_view(1);
            onmouseout=allmenu_view(0);>
                    <TABLE cellSpacing=0 cellPadding=0 width="1205" style="filter:alpha(opacity=40, style=2, finishopacity=0)">
                      <TBODY>
                      
                        <TR>
                          <TD bgcolor="#b9b9b9" style="filter:alpha(opacity=40, style=2, finishopacity=0)" onmouseover="this.style.backgroundcolor='#ffffff'" onmouseout="this.style.backgroundcolor='#b9b9b9'"><img src="/menu/menu_sub_01_01.png" width="265" height="301"></TD>

        <TD bgcolor="#b9b9b9" style="filter:alpha(opacity=40, style=2, finishopacity=0)"><img src="/menu/menu_sub_01_02.png"></TD>

        <TD bgcolor="#b9b9b9" style="filter:alpha(opacity=40, style=2, finishopacity=0)"><img src="/menu/menu_sub_01_03.png"></TD>

        <TD bgcolor="#b9b9b9" style="filter:alpha(opacity=40, style=2, finishopacity=0)"><img src="/menu/menu_sub_01_04.png"></TD>

        <TD bgcolor="#b9b9b9" style="filter:alpha(opacity=40, style=2, finishopacity=0)"><img src="/menu/menu_sub_01_05.png"></TD>

        <TD bgcolor="#b9b9b9" style="filter:alpha(opacity=40, style=2, finishopacity=0)"><img src="/menu/menu_sub_01_06.png"></TD>

        <TD bgcolor="#b9b9b9" style="filter:alpha(opacity=40, style=2, finishopacity=0)"><img src="/menu/menu_sub_01_07.png"></TD>
             
                        </TR>
                      
                      </TBODY>
                    </TABLE>
                  </DIV>
                </DIV>
                <SCRIPT type=text/javascript>
function allmenu_view(no) {
 if(no == 1) {
  document.getElementById("allmenu_box").style.display="";
 } else {
  document.getElementById("allmenu_box").style.display="none";
 }   
}
allmenu_view(0);
</SCRIPT> </TD>
            </TR>
          </TBODY>
        </TABLE>
      </div></td>
  <tr>
    <td align="center" background="/menu/menu_01_02.jpg" cellspacing="0" cellpadding="0"> <div align="center">
        <table width="1205" border="0" cellspacing="0" cellpadding="0">
         
          <tr>
            <td><a href="http://jclindustry.com/index_test.php" onfocus='blur();'><img src="/menu/menu_01_01.jpg"  border="0"></a></td>
   
       

            <td><img height="68" src="/menu/menu_01_02.jpg"  border="0"></td>
   
            <td align="left"><a href="http://jclindustry.com/sub011_test.php" onmouseover=allmenu_view(1) onmouseout=allmenu_view(0) onfocus='blur();'><img src="/menu/menu_01_03.jpg"  border="0" onmouseover="this.src='/menu/menu_02_03.jpg'" onmouseout="this.src='/menu/menu_01_03.jpg'"></a></td>
            <!-- <td width="32"><img src="menu/m_005.jpg" width="36" height="60"></td> -->

            <td align="left"><a href="http://jclindustry.com/sub021_test.php" onmouseover=allmenu_view(1) onmouseout=allmenu_view(0) onfocus='blur();'><img src="/menu/menu_01_04.jpg"border="0" onmouseover="this.src='/menu/menu_02_04.jpg'" onmouseout="this.src='/menu/menu_01_04.jpg'"></a></td>
            <!-- <td width="37"><img src="menu/m_007.jpg" width="39" height="60"></td> -->

            <td align="left"><a href="http://jclindustry.com/sub031_test.php" onmouseover=allmenu_view(1) onmouseout=allmenu_view(0) onfocus='blur();'><img src="/menu/menu_01_05.jpg" border="0" onmouseover="this.src='/menu/menu_02_05.jpg'" onmouseout="this.src='/menu/menu_01_05.jpg'"></a></td>
            <!-- <td width="34"><img src="menu/m_009.jpg" width="35" height="60"></td> -->

            <td align="left"><a href="http://jclindustry.com/sub041_test.php" onmouseover=allmenu_view(1) onmouseout=allmenu_view(0) onfocus='blur();'><img src="/menu/menu_01_06.jpg" border="0" onmouseover="this.src='/menu/menu_02_06.jpg'" onmouseout="this.src='/menu/menu_01_06.jpg'"></a></td>

   <td align="left"><a href="http://jclindustry.com/sub051_test.php" onmouseover=allmenu_view(1) onmouseout=allmenu_view(0) onfocus='blur();'><img src="/menu/menu_01_07.jpg" border="0" onmouseover="this.src='/menu/menu_02_07.jpg'" onmouseout="this.src='/menu/menu_01_07.jpg'"></a></td>

   <td align="left"><a href="http://jclindustry.com/sub061_test.php" onmouseover=allmenu_view(1) onmouseout=allmenu_view(0) onfocus='blur();'><img src="/menu/menu_01_08.jpg" border="0"></a></td>

  
   <!-- <td width="34"><img src="menu/m_011.jpg" width="33" height="60"></td> -->

          
          </tr> 

이 질문에 댓글 쓰기 :

답변 1

필터로 주지마시고

background-color:rgba(225,225,225,0.5) 이런식으로 줘보세요~

뒷숫자는 opacity값이구요~

마우스오버해서 다시돌아왔을 때 원하시는 값을 주세요
onmouseout="this.style.backgroundcolor='#b9b9b9'"
여기부분 값을 rgba(225,225,225,0.5)  이걸로 바꾸면되지않을까요;
먹을지는 잘 모르겠지만..

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 42
© SIRSOFT
현재 페이지 제일 처음으로