CSS에서 반전 투명 원을 만드는 방법

Question

CSS에서 투명 배경을 투명하게 만드는 방법은 무엇입니까? 여기이 배경

내가 그렇게 저를 도와주세요 그렇게하는 방법을 몰라 렸기 때문에 난 아직 아무것도 시도하지 않았에 대한 예입니다. 메신저는 CSS에서 DIV에 DIV 및 입력으로서의를 두는 경우 는 :

.Xclass{ background: transparent; } 

는 여전히 나에게 흰색 배경을 보여 그.

제발 도와주세요.

Answer 1

는

.Xclass { 
    opacity: 0.7; 
} 

또는

시도

.Xclass { 
background-color: rgba(15,15,15,0.7); 
} 

Answer 2

jsBin demo

• 장소 없는 배경으로 overflow:hidden평방. 그 사각형 내부
• 는 - 높은 box-shadow확산 반경

#image{ 
 
    position:relative; 
 
    margin:0 auto; 
 
    background: url(http://i.imgur.com/gVcxX9C.png); 
 
    height:500px; 
 
    width:600px; 
 
} 
 
#box{ 
 
    position:absolute; 
 
    left:300px; 
 
    top:200px; 
 
    width:200px; 
 
    height:250px; 
 
    overflow:hidden; /* to contain #circle's box-shadow */ 
 
} 
 
#circle{ 
 
    position:relative; 
 
    margin:30px auto; 
 
    width: 150px; 
 
    height:150px; 
 
    box-shadow: 0 0 0 100px #fff; /* !!! */ 
 
    border-radius:50%; 
 
}

<div id="image"> 
 
    <div id="box"><div id="circle"></div></div> 
 
    </div>