Advanced Search

Transparent border around modal popup

/ Published in: HTML
Save to your folder(s)
Staviti transparentni border oko modalnog popupa. Pročitao na smashing magazinu ali nisam probao implementirati.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. (X)HTML:
  2.  
  3. 	<div id="container">
  4. 		<div style="display: block; top: 236px; opacity: 1;" class="dialog">
  5. 			<div class="body">
  6.         		<div class="content">
  7.         			...
  8.         		</div>
  9.         	</div>
  10.         </div>
  11.       </div>
  12.  
  13. CSS:
  14.  
  15. .dialog {
  16.     position: absolute;
  17.     left: 50%;
  18.     margin-left: -315px;
  19.     width: 630px;
  20.     z-index: 100001;
  21.  
  22. }
  23. .dialog .body {
  24.     background: url(/img/dialog.png) 0 0; /* semi-transparent .png image */
  25.     padding: 40px 13px 10px 40px;
  26. }

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.