Posted By

crispunk on 06/26/10


Tagged

css images corners no Roud


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

crispunk
d55beck
vagrantradio
pogoretski


Cross Browser Round Corners


 / Published in: CSS
 

URL: http://www.plan-zero.org

Cross browser css round corners with no images, using google's code .htc http://code.google.com/p/curved-corner/

  1. .round{
  2. -moz-border-radius: 6px;
  3. -khtml-border-radius: 6px;
  4. -webkit-border-radius: 6px;
  5. border-radius: 6px;
  6. behavior: url(border-radius.htc)
  7. }

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: vagrantradio on July 13, 2010

Doesn't work in IE if you have background set through css. Makes containing div black.

Posted By: crispunk on August 8, 2010

It work's the .htc file should make you current background transparent and then it will asign to the created element, try with z-index and zoom css properties

You need to login to post a comment.