2014-05-09 4 views
-2

안녕하세요.이 div와 관련된 문제가 있습니다. 흰색 바탕색을 지정하는 CSS를 사용하고 있습니다. 이 문제div에 다른 색상이 표시되고 있습니다.

div.bonecardLightBox { 
    background-color: white; 
    background: #fff; 
    z-index: 1001; 
    margin-left: 250px; 
    width: 850px; 
    height: 525px; 
    border: 2px solid black; 
    border-left: 2px solid black; 
    padding: 10px; 
    -webkit-border-radius: 20px; 
    -webkit-border-top-right-radius: 50px; 
    -webkit-border-bottom-right-radius: 50px; 
    -moz-border-radius: 20px; 
    -moz-border-radius-topright: 50px; 
    -moz-border-radius-bottomright: 50px; 
    border-radius: 20px; 
    border-top-right-radius: 50px; 
    border-bottom-right-radius: 50px; 
    position: absolute; 
    float: center; 
    -webkit-transition: color 0.5s ease; 
} 

그러나 불행하게도 내가 왜 모르는 회색 color.Still을보고 있어요의 demo입니다.

이미지 모양을 나타내는 이미지입니다.

다음
background-image:url(/path/to/transparent/1px-1px.png); 
background-repeat:repeat; 

가 영향을 미치지 않습니다 : enter image description here

+0

당신이 HTML을 너무 게시하시기 바랍니다 수 있을까요? 귀하의 사이트로 연결되는 링크가 있습니까? – Gliptal

+0

다음 질문에 답변 : http://jsbin.com/xucit/1 – Diego

+0

임베디드 github 요지에서 나오는 회색을 의미합니까? –

답변

3

그것은 당신의 <body>opacity:0.75;이 있기 때문에이 모든 요소

이 중

Easyest 방법은, 당신의 <body>를 배경으로 투명 사진을 설정 영향을 미칠 것입니다 다른 모든 요소들. 당신은 CSS로만 할 수 있지만 위치 지정 기능이있는 해킹이며 모든 구형 브라우저에서 작동하지 않아도됩니다.

+0

천천히, 이길! –

+0

@JosefE. verry lucky :-) – caramba

+0

'rgba '는 오래된 브라우저에서는 작동하지 않지만 해킹이라고 할 이유는 없습니다. 무슨 해킹을 염두에 두시겠습니까? –

0

불투명도가 한 가지이지만 완전한 해결책은 아닙니다.

당신은 또한 당신의 CSS에 추가해야합니다

div.gist-data { 
    background-color: #fff !important; 
} 

화이트 색상을 만들기 위해

관련 문제