Shulou(Shulou.com)06/03 Report--

Editor to share with you how to make IE6, IE7, IE8 support CSS3 rounded corners, shadow style, I believe that most people do not know much, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Want to make a page using css3 rounded corners and shadows, but ie browsers do not support it. I also heard that there are plug-ins that can be implemented. On Saturday, I found a way online, the original text is as follows: but all front-end engineers know that IE6,IE7,IE8 does not support or does not fully support the attributes of CSS3. CSS3 has many powerful and gorgeous effects, such as rounded corners, shadows, gradient transparency, gradient background, and so on. Because of the IE6 era, there are no standards, and for a variety of reasons, IE6 users rarely update the IE version. One idea for IE6,IE7,IE8 to support CSS3 effects is to use VML simulation. VML is The Vector Markup Language (Vector markup language), originally developed by Microsoft itself, and is very powerful. In other words, under the IE, you can use VML to make fillets. Translucent, shaded, graded background. As early as last year, some foreigners wrote this idea as a plug-in to facilitate the development of front-end programmers. It allows IE6,IE7,IE8 to support CSS3 special effects. There has always been a serious bug in the previous bug, but when I went to see it today, the official revised this Bug and added the js rendering method (previously imported using behavior). See how to call: 1. Load the PIE.js script on your web page. Note that use IE-specific comments to prevent non-IE browsers from downloading. 3. It has been done. Of all the plug-ins that let IE6 support CSS3, this should be the best plug-in. Official real-time test example: http://css3pie.com/ official download: http://css3pie.com/download-latest test does not work for a long time, but it is too careless, ignoring two points, one is that the local preview is invalid and has to be transferred to the server environment, or the local server environment, and the other is that you forgot to add behavior: url (pie.htc); in css. Today, the test is finally available, but here comes a new problem. I use adaptive width, and then there will be a horizontal scroll bar, which will be removed. It is normal in other cases, and it seems to have no effect on text shadow. I don't know if you have encountered such a problem. If you want to use it, you can try all the contents of this article entitled "how to make IE6, IE7 and IE8 support CSS3 fillet and Shadow style". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.