我正在寻找建立我的第一个HTML5网站,并一直在寻找与IE合作.
有html5shiv,Dean Edwards ie7-js然后是Modernizr.这些都大致相同吗?我对哪条路线感到困惑.
我正在使用CSS3Pie在IE中制作使用无效CSS属性的圆角
behavior: url(/PIE.htc);
Run Code Online (Sandbox Code Playgroud)
如果我在我的主CSS中保留这个声明,其他浏览器会加载这个.htc文件,即使他们不需要这个或只有IE会加载这个文件?
behavior: url(/PIE.htc);在性能方面,保持单独的IE条件样式表是否有任何好处?
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->
Run Code Online (Sandbox Code Playgroud)
整个代码是这样的
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #EEFF99;
behavior: url(/PIE.htc);
Run Code Online (Sandbox Code Playgroud) 这是使用CSS3 PIE的CSS
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background: #EEFF99;
behavior: url(/PIE.htc);
Run Code Online (Sandbox Code Playgroud)
特别
behavior: url(/PIE.htc);
Run Code Online (Sandbox Code Playgroud)
我的问题是这个PIE.htc是由所有浏览器下载还是仅在IE 7和8中下载?
我需要在IE7和8中显示圆角.因此我认为不是使用Modernizr而是为圆角编写另一个类和图像,CSS3 PIE将是很好的解决方案,因为无论何时我们将改变边框的颜色和厚度以及元素PIE.htc的高度将在IE7和8中呈现相同.但在Modernizr和图像的情况下,我们将不得不使用上传新图像,我们将不得不更改和上传新的更改.
而且因为我正在使用Modernizr,所以我无法加载条件注释,它将为每个浏览器加载,即使我不需要.所以我认为如果CSS3 PIE有利于灵活性,如果它只加载到IE7和8,那么在这种特殊情况下使用它会很好.