배경 이미지 (부모)를 적용하고 배경색을 유지하십시오.

menu에 top 배경 이미지를 적용하고 배경색을 유지하려면 어떻게해야합니까?배경 이미지 (부모)를 적용하고 배경색을 유지하십시오.

는

HTML :이

<div class="top"> 
    <div class="menu"> 
     Nop. 
    </div> 
    Nam hendrerit erat eget tellus mollis facilisis. Mauris eget est ullamcorper, cursus massa quis, sollicitudin nulla. Vivamus rutrum blandit odio, vitae iaculis velit placerat et. Praesent et mauris et massa molestie laoreet. Phasellus pharetra id leo sit amet semper. Pellentesque ipsum velit, viverra non turpis nec, tristique consequat velit. In felis erat, ullamcorper ut ultricies ac, feugiat malesuada nunc. 
</div>

CSS : 여기

.top { 
    background: url('http://d1c739w2xm33i4.cloudfront.net/2.2/top_image.jpg'); 
    opacity: 0.7; 
} 
.top .menu { 
    background: #dedede; 
}

와는 JSFiddle입니다 : http://jsfiddle.net/ZXeQk/

내 코드가 정확히 확인하지, 난 불투명도를 적용 할 배경 메신저 전용 나이도 menu도 포함됩니다. 난 당신이 이해 바랍니다. 감사!

편집 : 여기 (http://i.imm.io/1io9t.png)는 내가 원하는 이미지입니다.

출처

2013-10-14 Kratalin Jan

당신이하려는 것을 보여줄 수 있습니까? – jhunlio

'background-color background : rgb (0, 0, 0);에'rbga'를 사용하려고 시도 했습니까?/* rgba를 지원하지 않는 브라우저의 폴백 */ 배경 : rgba (0, 0, 0, .5;' – jhunlio

브라우저에서 지원> ie8을 사용하면 rgba 값을 사용하여 메뉴를 반투명하게 만들 수 있습니다.

.top .menu { 
    background: rgba(222,222,222,0.7); 
}

배경 이미지도 투명하게 만들려면 투명한 png로 저장하는 것이 좋습니다.

출처

2013-10-14 01:20:16 uberweb

배경 이미지 (부모)를 적용하고 배경색을 유지하십시오.

답변

관련 문제