Return to Snippet

Revision: 10862
at January 16, 2009 03:32 by leonbda


Initial Code
(X)HTML:

	<div id="container">
		<div style="display: block; top: 236px; opacity: 1;" class="dialog">
			<div class="body">
        		<div class="content">
        			...
        		</div>
        	</div>
        </div>
      </div>

CSS:

.dialog {
    position: absolute;
    left: 50%;
    margin-left: -315px;
    width: 630px;
    z-index: 100001;

}
.dialog .body {
    background: url(/img/dialog.png) 0 0; /* semi-transparent .png image */
    padding: 40px 13px 10px 40px;
}

Initial URL
http://www.smashingmagazine.com/2009/01/12/10-useful-web-application-interface-techniques/

Initial Description
Staviti transparentni border oko modalnog popupa. Pročitao na smashing magazinu ali nisam probao implementirati.

Initial Title
Transparent border around modal popup

Initial Tags


Initial Language
HTML