body class=opacityBgdiv id=popWrapa href=# img src=/images/event_20130204.png alt= //a/div/body
.opacityBg { background-color:#000 !important; opacity:0.5;filter:alpha(opacity=50);}#popWrap { margin:10px 10px 0 10px; }#popWrap img { width:100%; }
body 에 클래스를 주어서opacityBgopacity를 주었는데요#popWrap안에 이미지까지 투명하게 나오는데 #popWrap안에 이미지는 opacity 영향 안받게 하려면 어떻게 해야해요?
터1프한렩 2026.08.19
아~ 제가 약을 먹었나봐요~ 잠시 상속에 대한 개념을 저 멀리 던져버리고 왔습니다;;
수다님 말대로 마크업 구조를 바꾸던가
body * {투명값 100} 을 넣어주시면 될듯한데 전체 선택을 하면 css 벨리데이션에 검출되니 배경만 투명값을 주면 된다고 가정했을 때 전체 이미지에 투명도를 100%를 주면 되지 않을까요?
별빛 2026.08.19
그럼 html 구조를 바꾸셔야죠. 영향권에 있는데
핑1크캣 2026.08.19
무슨 말씀이신지?^^:; 현재opacity 값은 먹은상태인데요.. 배경만 opacity를 주고 싶고, 컨텐츠는 opacity를 안받아야하는 상태라서요ㅋ
꽃초롱 2026.08.19
body.opacityBg {~~~~~~}
이러면 되겠습니다.