Skip to content

Instantly share code, notes, and snippets.

@ingozoell

ingozoell/cross-browser-border-radius.css

Created November 4, 2013 12:31
Show Gist options
  • Save ingozoell/7301814 to your computer and use it in GitHub Desktop.
Save ingozoell/7301814 to your computer and use it in GitHub Desktop.
Download ZIP
Cross-Browser border-radius support (+http://css3pie.com/ )
Raw
cross-browser-border-radius.css
.border-radius {
-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
-moz-border-radius: 12px; /* Firefox 1-3.6 */
border-radius: 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
/* Support via CSS3 PIE http://css3pie.com/ */
.pie { behavior: url(http://iz-multisite.de/cms/PIE.php); }
Raw
cross-browser-border-radius.html
<body>
<!-- Add class="pie" to selektor -->
<a class="border-radius pie">Link</a>
...
</body>
Raw
wp-cross-browser-border-radius.php
<?php
header( 'Content-type: text/x-component' );
include( 'PIE.htc' ); // Add to WP Root = Directory of "wp-config.php"
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment