Advanced Search

htc.pie rounded corner ie7 + 8 + fix

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .border-bg {
  2.     background-color: #FFFFFF;
  3.     background-image: url('../img/bg-border-bg.jpg');
  4.     background-repeat: repeat-x;
  5.     position: relative; /* fixes rounded Corner in IE8. Needed for pie.htc */
  6.     margin: 12px -6px; /* Nullifies position changes due to padding-change. Top and Bot Margin needed for nice whitespace */
  7.     padding: 6px;
  8.     -webkit-border-radius: 10px;
  9.     -moz-border-radius: 10px;
  10.     border-radius: 10px 10px 10px 10px;
  11.     -moz-box-shadow: 1px 1px 3px #A3A3A3;
  12.     -webkit-box-shadow: 1px 1px 3px #A3A3A3;
  13.     box-shadow: 1px 1px 3px #A3A3A3;
  14.     behavior: url('/resource/css/PIE.htc'); /* TODO  IECSS auslagern */
  15. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.