Css 框阴影在IE9中不起作用

Css 框阴影在IE9中不起作用,css,internet-explorer-9,Css,Internet Explorer 9,我在IE9中看到很多关于盒子阴影的讨论,但是当我尝试它时,它不起作用!当然我并不惊讶。。。叹气我是不是错了,这些东西应该在ie9中工作,或者是MySCSS错误,或者ie9中有模式?以下是我使用的CSS代码: .jW{position:absolute;border-radius:8px;box-shadow:4px 4px 24px 4px #000000} 边界半径也是如此。我甚至打开了CSS3网站,这些网站有这些属性,比如说,它们在IE9中也不起作用。事实上:混蛋 据我所知,它应该可以工作

我在IE9中看到很多关于盒子阴影的讨论,但是当我尝试它时,它不起作用!当然我并不惊讶。。。叹气我是不是错了,这些东西应该在ie9中工作,或者是MySCSS错误,或者ie9中有模式?以下是我使用的CSS代码:

.jW{position:absolute;border-radius:8px;box-shadow:4px 4px 24px 4px #000000}

边界半径也是如此。我甚至打开了CSS3网站,这些网站有这些属性,比如说,它们在IE9中也不起作用。事实上:混蛋

据我所知,它应该可以工作-稍后将运行一些模拟。在此期间,您可以查看CSS3派http://css3pie.com 这增强了CSS3属性的IE渲染,但不是真正的IE渲染,而是足够接近。

确定-发现问题。首先感谢sandeep让我提到部分问题。IE9不需要任何doctype来实现这些样式。导致问题的原因是边框折叠:在表格上折叠-使用cellspacing=0即可工作-仍然:bugger IE

根据,IE9支持框阴影和边框半径

我还没有试过使用方块阴影,但我可以肯定地保证它可以使用边界半径

它不起作用的最可能的原因是您实际上是在IE8兼容模式下运行,甚至是在IE7兼容模式下运行。这将使IE9放弃所有新功能,假装是旧版本

检查问题是否存在的最快方法是点击F12打开IE开发者工具窗口。这将在右上角显示渲染模式

如果在兼容模式下进行渲染,则可以在此处进行更改。您还可以在代码顶部添加元标记,以强制站点使用最新的IE模式。如果每个站点都出现这种情况,那么您可能需要更改浏览器设置


希望这能有所帮助。

Ooops-很抱歉,我的测试并不完全正确-似乎doctype对于这些东西的工作是必不可少的。但其他一切都崩溃了。我想下次我会先为IE写文章,然后再为其他人写——嘿,也许这就是微软一直以来的策略

我还遇到了一个问题,IE9中没有显示框阴影。在我的例子中,IE9以兼容模式呈现文档,即使我有一个有效的DOCTYPE。我在本地调试,IE有一个设置,在兼容性视图中显示intranet站点,这显然是默认启用的。禁用此功能后,一切正常。这可以在工具->兼容性视图设置下找到。

框阴影不起作用的原因是IE自动在怪癖模式下运行,而怪癖模式不支持此功能

如果将internet explorer设置为在标准模式下运行,它将正确显示框阴影

您可以通过以下帖子强制ie在标准模式下运行:

如果无法编辑http头,请使用:

或者如果您使用的是XHTML


如果您这样做,它应该可以正常工作

检查此示例,这可能有助于生成一个最小的测试用例。保存您的页面并不断删除页面的样式规则和部分,直到您找到一个简单的示例,您可以发布,以确定哪些元素交互不好。我在IE上做了一年零-我不支持低于9的IE版本使用此-看起来最好不要太多css中断: