Cross Browser Compatibility of CSS3 code for Internet Explorer
If you're viewing css3 designed page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (VML), an IE-specific vector drawing language. VML supports things that are missing from IE's CSS implementation like rounded corners and blur effects.
<a href="http://LinksZoom.com/" id="R0">LinksZoom</a>
eg.
If you're viewing css3 designed page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (VML), an IE-specific vector drawing language. VML supports things that are missing from IE's CSS implementation like rounded corners and blur effects.
<a href="http://LinksZoom.com/" id="R0">LinksZoom</a>
eg.
.box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
just add the code above in yellow to make compatible for IE.
add ie-css3.htc path to root directory for above url path
You can download the ie-css3.htc file from given url link:
No comments:
Post a Comment