2012-10-30 47 views
1

解决问题在IE8最好的解决方案我已经网站HTML5,CSS3和jQuery,它是在IE9看起来很好,但在IE8什么是HTML5和CSS3

不好看我读到这里所有的解决方案,再加上使用的所有方法 如

  • CSS3 PIE

  • IE7-JS

-

<link rel="stylesheet" href="normal.css" type="text/css" /> 
    <!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="ie8.css"><![endif]--> 
    <!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="ie7.css"><![endif]--> 

-

<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">   
    </script><![endif]--> 
    <script> 
    document.createElement('header'); 
    document.createElement('nav'); 
    document.createElement('hgroup'); 
    document.createElement('section'); 
    document.createElement('article'); 
    document.createElement('aside'); 
    document.createElement('footer'); 
    </script> 

和.... ....和

我无法找到网站出现在精IE8

的最佳方式任何帮助Plz。

网站:moic-egypt.com

回答

1

,我不会建议css3pie,它会导致一些副作用。

对于html5元素的造型问题,您正确使用垫片/ shiv(如html5shiv),因此您不需要document.createElement部件。这将解决大部分问题。

而是创建自定义IE CSS样式表的,我会切换到conditional comments,这样就可以在主CSS添加特定的规则,即:

.ie #specificdiv { /* custom rule for ie */ } 

当你的项目变得更大,你将不必浏览所有不同的工作表。

然后ie9.js,这是为css选择器(如:not),它们在旧的IE版本中不支持。

您已遗留css3属性。对于这些,我担心你将不得不一个一个搜索fallbacks/polyfills。这里有一些美丽的温馨资源入手: