htc.pie rounded corner ie7 + 8 + fix


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



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.