부트 스트랩을 반투명하게 만들기

opacity:0.4을 추가하여 부트 스트랩을 반투명하게 만들려고 시도했지만 텍스트가 반투명하게 만들어 버렸습니다. 시체를 불투명도를 잃지 않고 반투명하게 만드는 방법이 있습니까? #F5F5F5 :부트 스트랩을 반투명하게 만들기

는 값 245 기본 .well 클래스의 background-color에서 오는 통지와의 opacity

.well { 
    background-color: rgba(245, 245, 245, 0.4); 
}

을 변경하는 대신 background-color을 변경

2013-08-16 13:56:55

가 지정한 배경 색상에 우선 부트 스트랩 V3의 CSS에 의해 적용되는 배경 이미지가, 거기에 또한 크롬을 사용하여, 어떻게이 문제를 해결하려면? – Alex

멋진 방법이 있습니다. 이 같은 rgba와 '배경 - color`를 사용하여 수행 할 수 있습니다 0.4 불투명도가

.well{ 
background-color: rgba(255,255,255,0.4); // I don't know the .well color, so I used white as example 
}

과 255, 255, 255 컬러 코드를 RGB로.

RGBA에 대한 자세한 : 내 웹 사이트에서

2013-08-16 13:57:34

나는 cud가 알파 레이어를 사용한다고 생각했지만 bootstrap.css에 정의 된 색상을 유지하기 위해 우물을 원했습니다. –

우물의 모든 부모에서 rgba를 사용할 수 있습니다. 당신이 잘 transparant에서 부모님 안에있는 모든 항목의 배경을 떠나면 불투명도와 함께있을 것입니다. –

그냥 downvote있어. 설명 해주십시오. –

답변