Yesterday wrote a page, with the CSS3 and HTML5 some styles and tags, in the IE8 look is no effect, and then in the evening to find out how to let IE8 can also achieve these effects.
1. Add the Respond.js file, respond.js let ie6-8 support CSS3 Media Query.
2. Implement HTML5 Tag: html5shiv.js file, let ie (including IE6) support HTML5 element
Online address of Respond.js and html5shiv.js:
<!-[if ie]>
<script src= "Http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js" ></script>
<! [endif]->
<script src= "Http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js" ></script>
3. In IE8 (6,7) to achieve CSS3 fillet and stealth effect, add IE-CSS3.HTC file, IE-CSS3 use is very simple, in you need to use the CSS3 style to add Behavior:url (JS/IE-CSS3.HTC);
<div id= "box_2" ></div><div id= "Box_3" >
can see rounded corners. and has a shadow effect.
However: 1. If you want to fillet the image, you can only turn the picture into a background image display. 2. The shadow color cannot be controlled, the default black is displayed,
One Daniel also said to add position:relative (absolute) on the label, and Z-index Make sure the label is on top.
Let ie678 support CSS some properties and HTML tags