IE8을 사용하여 HTML 표에 투명도를 추가하는 방법

현재 일부 HTML 작업을하고 있지만 약간의 문제가 발생했습니다. 롤오버 효과를 만들기 위해 핫스팟을 사용하는 이미지가 있지만 롤오버에서는 html 테이블도 있지만 롤오버하면 핫스팟 영역이 녹색으로 바뀌지 만 테이블은 흰색으로 유지됩니다. 이 테이블을 투명하게 만들 수있는 방법이 있습니까? 내가 주석 한 다음은 볼 수IE8을 사용하여 HTML 표에 투명도를 추가하는 방법

내가 이전에 시도했던 것을 (필터 : 알파) 테이블

코드는 ... Css-Tricks.com에서

<div style="position:absolute; left: 709px; top: 353px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;"> 
<table width="50" border="0" ><!-- style="filter:alpha(opacity=80);"--> 
<tr> 
<td colspan="2" align="center" style="font:'Courier New', Courier, monospace; font-size:10px">Lvl.20</td> 
</tr> 
<tr> 
<td width="25"><IMG id="t11" style="cursor: hand; WIDTH: 24px; HEIGHT: 22px;" name=disp alt="Lvl.20" src="../../Icons/circle_cancel.png"></td> 
<td width="25"><IMG id="t12" style="cursor: hand; WIDTH: 24px; HEIGHT: 22px;" name=disp alt="Lvl.20" src="../../Icons/circle_cancel.png"></td> 
</tr> 
</table> 
</div>

출처

2012-01-19 ljsg

.transparent { 
     /* Required for IE 5, 6, 7 */ 
     /* ...or something to trigger hasLayout, like zoom: 1; */ 
     width: 100%; 

     /* Theoretically for IE 8 & 9 (more valid) */ 
     /* ...but not required as filter works too */ 
     /* should come BEFORE filter */ 
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

     /* This works in IE 8 & 9 too */ 
     /* ... but also 5, 6, 7 */ 
     filter: alpha(opacity=50); 

     /* Older than Firefox 0.9 */ 
     -moz-opacity:0.5; 

     /* Safari 1.x (pre WebKit!) */ 
     -khtml-opacity: 0.5; 

     /* Modern! 
     /* Firefox 0.9+, Safari 2?, Chrome any? 
     /* Opera 9+, IE 9+ */ 
     opacity: 0.5; 
}

모든 브라우저에서 사용할 수 있습니다.

출처

2012-01-19 14:17:45 tahdhaze09

위의 내용을 내 CSS에 넣은 다음 테이블의 클래스를 투명하게 변경했지만 효과가없는 것 같습니다. 이 CSS를 파일 대신에 CSS로 바꾸는 대신에 CSS에 대해 완전히 확신 할 수있는 방법이 있습니다. – ljsg

코딩 할 때 스타일링을 자신의 기능에서 콘텐츠와 분리하는 것이 가장 좋습니다. 별도의 구성 요소 인 경우 변경 사항을 확인하고 추적하는 것이 훨씬 쉽습니다. 이 코드는 저에게 효과적입니다. 나는 클래스를 테이블에 배치하고 배경에 색상을 지정하여 실제로 투명한지 여부를 알 수있었습니다 (배경색은 # CC3, 바디 선택기에서 사용됨). – tahdhaze09

나는 지금 일하고있어, 처음에는 잘못된 CSS 시트를 가졌다. 당신은 신사이고 학자입니다. 감사합니다 – ljsg

IE8을 사용하여 HTML 표에 투명도를 추가하는 방법

답변

관련 문제