CSS 배경 불투명도 문제

흰색 배경이 텍스트 뒤에 있습니다. 내가 말한대로 재배치하기 위해 CSS를 사용했다. 배경에 불투명도가 0.3이 되길 원하지만, HTML에서는 다른 나누기에도 불구하고 전경에 영향을줍니다. 나는 CSS의 측면을 초보자로하고 좀 더 전문성을 가진 사람들의 반응을 기대한다. html로의CSS 배경 불투명도 문제

부분은 다음과 같습니다

... 
<p><span>Fri</span><span>When Announced</span></p> 
<p><span>Sat</span><span>Open</span></p> 

</div> 

<div class=... 
<img src="img/cross.png" alt="Cross" width="340" height="465"/> 
</div> 

<div id="bkgrnd"></div> 

<div id="clear"></div> 

</section>

...

는 CSS는 다음과 같습니다

당신은 RGBA를 사용할 필요가 상속되지 않는 불투명 위해서는

#bkgrnd{ 
    background-color:#fff; 
    border:1px solid #000; 
    box-shadow:#332315 .3em .4em .2em; 
    opacity: 0.3; 
    width:750px; 
    height:526px; 
    margin-left:89px; 
    margin-top:-55px; 
    z-index:-2; 
    }

출처

2013-02-14 Mr. Holland

가능 중복 된 [I 원하지 않는 IE 5-8에 대한 RGBA의 해결 방법을 처리하는 방법을 설명합니다 CSS에서 부모로부터 자식 불투명도를 상속] (http://stackoverflow.com/questions/5770341/ko-ko-not-want-to-inherit-the-child-opacity-from-the-parent-in- CSS) –

@ 블로 우 스키 * 가능 *? 더 정확하게는 .. : D – BBagi

opacity을 사용하면 하위 요소에 영향을줍니다. 대신 다음과 같이 당신의 배경 속성에 rgba 사용한다 : 이것은 30 % 불투명도 흰색의 background-color을 적용합니다

background-color: rgba(255, 255, 255, 0.3);

출처

2013-02-14 21:45:26 zakangelle

(알파 채널).

참조 : 알파 채널은 이전 버전의 브라우저에서 지원되지 않는 http://www.css3.info/introduction-opacity-rgba/

참고. CSS 폴백을해야 할 수도 있습니다.

출처

2013-02-14 21:43:37

보기 상속을 취소하는 대신 불투명도의 RGBA를 사용하는 방법에 대한이 문서 :

http://acidmartin.wordpress.com/2010/11/21/using-rgba-to-prevent-the-css-opacity-inheritance-from-parent-to-child-elements/

기사는

의

출처

2013-02-14 21:47:07 BBagi

CSS 배경 불투명도 문제

답변

관련 문제