제출 버튼은 투명하지만 텍스트가 아님

Question

제출 버튼이 있습니다. 배경을 투명하게 (%), 으로 지정하고 텍스트를 원하지 않습니다. 텍스트는 투명성이 없어야합니다.

opacity:0.2; 
filter:alpha(opacity=40); 

을하지만 그 텍스트를 포함하여 전체 제출 버튼 transperant한다 : 나는 다음과 같은 CSS로 노력했다. 텍스트를 깨끗하게 유지하려면 어떻게해야합니까?

이 배경의 투명도를 일치 1x1 픽셀보다 큰 PNG 만들기 : IE8을 위해이 방법을 사용할 수 있도록

Answer 1

RGBA() 값은 IE8에서 지원되지 않습니다.

IE9 +의 경우 rgba(255,255,255,0.2);을 background: 개의 요소에 사용할 수 있습니다.이 문자는 전혀 영향을 미치지 않습니다.

희망이이 코드가 도움이되기를 바랍니다

Answer 2

  
#button{ 
    width: 52px; 
    opacity:0.6; 
    filter:alpha(opacity=60); 
    } 
    div 
    { 
    position: absolute; 
    top: 10; 
    left:10; 
    } 

<input type="submit" id="button" value=" "> 
<div class="transbox">Submit</div> 

이 유