我在IE9中看到了很多关于盒子阴影的讨论 - 但是当我尝试它时它不起作用! (当然,我并不感到惊讶......叹息)。我误以为这些东西应该在ie9中工作或者是mys css错误还是在ie9中有一个模式?继续使用CSS代码:
.jW{position:absolute;border-radius:8px;box-shadow:4px 4px 24px 4px #000000}
border-radius也是如此。我甚至打开了具有http://css3please.com/这些属性的CSS3网站,他们也不在IE9中工作。实际上:开玩笑IE!
答案 0 :(得分:5)
好的 - 发现了问题。首先感谢sandeep将我的部分问题提交给我。 IE9不需要任何doctype来使这些样式工作。引起问题的是桌面上的“border-collapse:collapse” - 使用cellspacing = 0然后它可以工作 - 仍然:bugger IE
答案 1 :(得分:0)
它应该工作(据我所知 - 稍后将运行一些模拟)。在此期间,您可以查看增强CSS3属性的IE渲染的CSS3 PIE(http://css3pie.com)(不是IE的渲染,但足够接近)。
答案 2 :(得分:0)
根据CanIUse.com,IE9确实支持box-shadow
和border-radius
。
我没有尝试使用box-shadow
,但我绝对可以保证使用border-radius
它最不可能的原因是你实际上是在IE8兼容模式下运行(甚至是IE7 compat)。这将使IE9删除所有新功能并伪装成旧版本。
检查这是否是问题的最快方法是点击 F12 打开IE开发人员工具窗口。这将在右上角显示渲染模式。
如果在兼容模式下渲染,则可以在此处进行更改。您还可以在代码顶部添加元标记,以强制您的网站使用最新的IE模式。如果每个站点都在进行,那么您可能需要更改浏览器设置。
希望有所帮助。
答案 3 :(得分:0)
哎呀 - 对不起,但我在测试中并不完全正确 - 似乎doctype对于这些工作来说至关重要。但其他一切都破裂了。我认为下次为IE写第一个然后是其他人 - 嘿mabe这就是微软的策略一直以来!
答案 4 :(得分:0)
我也遇到了IE9中没有显示框阴影的问题。就我而言,IE9正在以兼容模式呈现文档,即使我有一个有效的DOCTYPE
。我在本地进行调试,并且IE在“兼容性视图中显示Intranet站点”设置已启用,显然默认情况下已启用。禁用此功能后,一切都按预期工作。这可以在工具 - >下找到。兼容性视图设置。
答案 5 :(得分:0)
框阴影不起作用的原因是IE自动以怪癖模式运行,不支持此功能。
如果您将Internet Explorer设置为在standards mode
中运行,则会正确显示box-shadow
您可以按照以下帖子强制ie以标准模式运行:How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?
如果您无法编辑http标头,请使用:<meta http-equiv="X-UA-Compatible" content="IE=edge">
(或<meta http-equiv="X-UA-Compatible" content="IE=edge" />
如果您使用的是XHTML)
如果你这样做,它应该可以正常工作