CSS : Customized Jquery Alert 투명 배경

현재 SITE에서 사용자 정의 jquery 경고를 사용하고 있습니다. 나는 경고가 표시되지만 unsucessful되었을 때 회색 투명 배경을 달성하기 위해 노력하고 있습니다. 어떻게 alertbox 뒤의 전체 배경을 덮는 회색 투명한 화면을 얻을 수 있습니까? 여기에 당신은 this fiddle CSS : Customized Jquery Alert 투명 배경

'alertblanket'는 높은 Z- 인덱스를 가지고 있으며, 전체 페이지 오버레이에 같은 뭔가가 필요 내 EXAMPLE

CSS

<style> 
#popup_container { 
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    min-width: 300px; /* Dialog will be no smaller than this */ 
    max-width: 600px; /* Dialog will wrap after this width */ 
    background: #FFF; 
    border: solid 5px #999; 
    color: #000; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
} 

#popup_title { 
    font-size: 14px; 
    font-weight: bold; 
    text-align: center; 
    line-height: 1.75em; 
    color: #666; 
    background: #CCC url(images/title.gif) top repeat-x; 
    border: solid 1px #FFF; 
    border-bottom: solid 1px #999; 
    cursor: default; 
    padding: 0em; 
    margin: 0em; 
} 

#popup_content { 
    background: 16px 16px no-repeat url(images/info.gif); 
    padding: 1em 1.75em; 
    margin: 0em; 
} 

#popup_content.alert { 
    background-image: url(images/info.gif); 
} 

#popup_content.confirm { 
    background-image: url(images/important.gif); 
} 

#popup_content.prompt { 
    background-image: url(images/help.gif); 
} 

#popup_message { 
    padding-left: 48px; 
} 

#popup_panel { 
    text-align: center; 
    margin: 1em 0em 0em 1em; 
} 

#popup_prompt { 
    margin: .5em 0em; 
} 
</style>

출처

2012-07-30 CodingWonders90

의의 .js 파일 내부의 주석을 참조하십시오? –

입니다. 귀하의 대화 상자가 다음 'alertblanket'

편집의 상단에 될 수있는 높은 Z- 인덱스가 있어야합니다 : 당신은 단순히

$.alerts.overlayiOpacity = 0.5 
$.alerts.overlayColor = '#AAA'

또는 당신이 좋아하는 무엇이든을 설정하여 그 경고 도서관의 색상을 설정할 수 있습니다 . 또한 jquery.alerts.js 당신은 당신이 그것을 어두워 페이지를 통해 오버레이의 어떤 종류를 원하는 뜻

출처

2012-07-30 07:13:08

이 완벽 해 주셔서 감사합니다! JS 파일에서 그 부분을 놓쳤습니다. – CodingWonders90

CSS : Customized Jquery Alert 투명 배경

답변

관련 문제