It should be obvious by now the author is a strong advocate of serving optimal CSS3 experiences to modern browsers and letting old versions of IE do what it wants. If an element is missing a rounded corner or shadow in an old browser, this author certainly doesn't care. But the fact is your clients might. Let's open a can of worms and talk about how to accommodate dead browsers.
We're going to look at a series of specific methods to make IE behave when using new CSS3 attributes like border-radius, box-shadow
, and text-shadow
.
It's possible to achieve rounded corners in old versions of IE. Let's visit http://htmlremix.com/css/curved-corner-border-radius-cross-browser to find out how. There we'll learn how to include an .htc
behavior in our stylesheet:
<style> .curved { -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(border-radius.htc); } <style>
Note that .htc
file is code bloat, and the behavior...