CSS를 불투명도 배경 내가 조금 불투명도 효과가 각 게시물의 흰색 배경을 원하는

Question

이미지에 영향을 미치지 아니, 그래서 내가 그랬어 :

.post{ 
    background: white; 
    opacity: 0.75; 
    border-radius: 0px 0px 6px 0px; 
    } 

지금 각 게시물의 이미지가 너무 불투명도 효과를 얻을, 내가 해달라고하는 어떻게이 문제를 해결할 수 있을까요?

사이트 : http://crystalise.tw/xi/

Answer 1

opacity 배경과 내용에 적용됩니다.
backgroundrgba을 사용하여 반투명 배경을 정의 할 수 있습니다.

.post{ 
    background: #FFF; /* Solid white for old browsers */ 
    background: rgba(255,255,255,0.75); /* 0.75 opacity background white for modern browsers */ 
    border-radius: 0px 0px 6px 0px; 
} 

Answer 2

RGBA 색상을 사용해보세요. 알파 (또는 투명도 값)가있는 RGB와 동일한 형식으로 표시됩니다. 75 %의 백색 rgba(255, 255, 255, 0.75)

당신은 당신의 코드를 변경해야 될 것입니다 귀하의 예제에서

:

.post{ 
    background: rgba(255, 255, 255, 0.75); 
    border-radius: 0px 0px 6px 0px; 
} 

당신은 HEX을 변경하기 위해 온라인 계산기를 사용할 수 있습니다 (#FFFFF) RGB (255, 255, 255) 및 HTML (흰색) 색상이 있으며, 대부분 온라인 상에 존재합니다.