饼图CSS在IE9中工作,但在IE8中不工作
对于这个项目,我使用的是Tomcat 7,并将其配置为服务于饼图CSS在IE9中工作,但在IE8中不工作,css,internet-explorer-8,css3pie,Css,Internet Explorer 8,Css3pie,对于这个项目,我使用的是Tomcat 7,并将其配置为服务于htc,内容类型为text/x-component <?xml version="1.0" encoding="UTF-8"?> <web-app ...> ... <mime-mapping> <extension>htc</extension> <mime-type>text/x-component
htc
,内容类型为text/x-component
<?xml version="1.0" encoding="UTF-8"?>
<web-app ...>
...
<mime-mapping>
<extension>htc</extension>
<mime-type>text/x-component</mime-type>
</mime-mapping>
</web-app>
我在IE8兼容模式下使用IE10,这有关系吗 我也面临同样的问题,我的问题的原因如下:
- 我对
元素使用了错误的定位DIV
- 我在
中瞄准了错误的路径行为
行为:url(/owmw/web/css/PIE.htc)代码>
修复:
相反,尝试在css文件夹中引用PIE.htc文件,使其看起来像behavior:url(PIE.htc)代码>
或
使用行为:url(owmw/web/css/PIE.htc)代码>
退房
我可能错了,但这解决了我的问题
甚至我也尝试使用行为:url(../owmw/web/css/PIE.htc)代码>但不起作用
从您的评论来看,您似乎正在使用X-UA-Compatible
作为修复程序,它只能通过IE10兼容模式工作
!-- Force IE to use the latest version of its rendering engine -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
!--强制IE使用其渲染引擎的最新版本-->
告诉IE在您的页面中使用最新版本的渲染引擎。
如果您的用户在IE8浏览器中打开?这肯定会失败
你可以登记
希望您理解。您可以下载具有不同版本实际浏览器的Windows虚拟机。也许下载一个XP或Win7与IE8的组合,并使用它进行测试,看看它是否有区别?您使用的是来自(v1.0.0稳定版或v2.0 beta1版)的“官方”版本之一吗?或者您是否碰巧使用了来自的分支/标记之一?您是否在JavaScript控制台/网络窗格中看到任何错误或404?我想我正在使用v1。但是,使用标准模式X-UA-Compatible IE=edge
似乎可以解决这个问题。IE默认使用怪癖吗?哦,看来X-UA-Compatible
只在IE10兼容模式下修复问题。也许它让它使用IE10渲染器,即使我在开发者工具中将它设置为IE8?所以问题仍然存在。PIE在IE9中有效,但在IE8中无效。除了div定位,我尝试了所有方法。我更改了div位置:相对-->一切正常!谢谢
!-- Force IE to use the latest version of its rendering engine -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">