Rounding elements for IE
on my wordpress site http://www.101river.com the edges of elements are rounded but only in firefox, safari and Chrome because Ie does not support cs开发者_开发技巧s3 the elements are not rounded in IE. I know there are many tricks to make this make corners rounded in IE just don't know the easiest. Can some one please give some example code to make this work?
PHP
CSS3 is pretty tricky to get right across all browsers. I use http://css3pie.com/ to get it working in IE as well. Not everything works, but rounded corners will for sure.
Pretty good walk through on there to set it up too.
Edit: It works all the way back to IE6 as well!
I'd check out CSS3PIE, as well as his breakdown of the other projects in this space.
I've always been fond of Spiffy Corners myself.
Download DD roundies JavaScript functions for creating rounded corners.
Then put this in your HTML:
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>My Site</title>
<link id="stylesheet1" rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--[if IE]>
<script src="scripts/DD_roundies.js" type="text/javascript"></script>
<script>
DD_roundies.addRule('.rounded', '5px');
</script>
<![endif]-->
</head>
Some other techniques including the classic CSS rounded corners using images:
- 25 Rounded Corners Techniques with CSS
加载中,请稍侯......
精彩评论