即使他们不需要CSS3PIE .htc文件加载其他浏览器吗？

Question

我正在使用CSS3Pie在IE中制作使用无效CSS属性的圆角

behavior: url(/PIE.htc);

如果我在我的主CSS中保留这个声明，其他浏览器会加载这个.htc文件，即使他们不需要这个或只有IE会加载这个文件？

保持behavior: url(/PIE.htc);有什么好处behavior: url(/PIE.htc); 在性能方面是单独的IE条件样式表吗？

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

整个代码是这样的

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);

Answer 1

规范说浏览器要完全忽略其属性名称无法识别的声明 。 理论上，这意味着由于behavior是仅IE的属性，因此不应解析url() ，并且不能通过IE以外的浏览器下载文件。

我在IE9和Firefox 4上运行了测试，加载了CSS3 PIE选项卡演示 ，这里分别是F12 Developer Tools和Firebug在他们的网络选项卡中显示的内容。 请注意，Firebug报告没有尝试请求/PIE.htc文件。 这意味着Firefox没有加载文件，即使它已在样式表中声明，因为它无法识别behavior属性。

IE9（F12开发人员工具）

Firefox 4（Firebug）

我将该属性移动到带有条件注释的仅IE样式表的唯一原因是，如果我不想使用非标准属性和/或黑客污染我的主样式表。

Answer 2

更新的答案（2014年2月），因为它似乎是一个相当不明确的主题。

它的工作方式是通过“behavior”属性触发HTC库的加载。

“行为”仅是IE6-9属性 ， 请参阅MS官方网站“Internet Explorer 10标准和怪癖模式中已删除对元素行为和HTML组件（HTC）的支持，以提高互操作性并符合HTML5。”

因此，“行为”属性只能在IE6-9上使用时触发任何内容的加载。

对于其他浏览器（即Chrome，Firefox，Safari等）， 不应为IE10 + NOR加载库。

我已经像@BoltClock一样进行了测试，发现当我没有按照预期在IE6-9浏览器上时，也没有加载htc和js。 我测试了IE8，IE9，Chrome 32，IE11和Firefox 27（见下面的截图）。

我会尝试花更多时间进一步测试，也许我错过了一些东西。 与此同时，任何人都可以使用官方演示页面css3pie.com/demos/和browserstack.com （他们有免费试用版）进行测试。

Chrome，Firefox和IE11未按预期加载css3pie js库：

注意：“dynamisch skripts”目录列出了直接在页面内添加的javascript（未引用单独的js文件）

IE9按预期加载css3pie js库：

IE8按预期加载css3pie js库：

注1：请注意，为IE8或IE9加载的lib是不同的。

注意2：chrome，firefox和IE11不加载任何css3pie库但可能加载一些css3pie CSS，这可能需要进一步测试。

Answer 3

不必要。 对于所有其他浏览器， behavior属性都是无效的，因为-moz-border-radius是IE。 您可能希望使用后一种方法来阻止IE9加载行为，但市场份额现在还不足以照顾。