Posted By

leonbda on 01/16/09


Tagged

transparency border modalPopup


Versions (?)

Transparent border around modal popup


 / Published in: HTML
 

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

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

  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. }

Report this snippet  

You need to login to post a comment.