Html ie8上的CSS3属性

Html ie8上的CSS3属性,html,css,Html,Css,我有一个div,我给了它一些css属性,它可以在除1e8及以下浏览器之外的所有其他浏览器上工作(如所有浏览器)。我如何使它在ie8上工作? 如果您真的想在本机不支持的浏览器中启用所有功能,您可以使用 这使您可以在IE浏览器6-8中使用CSS3功能(9已经支持其中一些功能),只需很少的努力。只需下载、连接到您的网站,然后就可以使用。如果您真的想在本机不支持的浏览器中启用所有功能,您可以使用 这使您可以在IE浏览器6-8中使用CSS3功能(9已经支持其中一些功能),只需很少的努力。只需下载,连接到您

我有一个div,我给了它一些css属性,它可以在除1e8及以下浏览器之外的所有其他浏览器上工作(如所有浏览器)。我如何使它在ie8上工作?

如果您真的想在本机不支持的浏览器中启用所有功能,您可以使用


这使您可以在IE浏览器6-8中使用CSS3功能(9已经支持其中一些功能),只需很少的努力。只需下载、连接到您的网站,然后就可以使用。

如果您真的想在本机不支持的浏览器中启用所有功能,您可以使用

这使您可以在IE浏览器6-8中使用CSS3功能(9已经支持其中一些功能),只需很少的努力。只需下载,连接到您的站点,然后就可以离开。

尝试使用哪些工具使IE 6-9能够支持您需要的属性(线性渐变和框阴影)

尝试使用哪些工具使IE 6-9能够支持您需要的属性(线性渐变和框阴影)

看一看–那里的渐变编辑器将生成与IE8兼容的背景渐变

对于
框阴影
,此规则应在某种程度上模拟当前代码:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
尽管没有嵌入阴影(我怀疑IE8中是否有这样做的方法)

要组合多个过滤器声明(用于阴影和渐变填充),您需要使用空格将它们链接在一起。例如:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000') progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 )";
对于IE7,您需要复制IE8规则,但使用
filter
而不是
-ms filter
,并省去起始和结束引号。

看看–渐变编辑器将生成与IE8兼容的背景渐变

对于
框阴影
,此规则应在某种程度上模拟当前代码:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
尽管没有嵌入阴影(我怀疑IE8中是否有这样做的方法)

要组合多个过滤器声明(用于阴影和渐变填充),您需要使用空格将它们链接在一起。例如:

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000') progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 )";

对于IE7,您需要复制IE8规则,但使用
filter
而不是
-ms filter
,并省略开始和结束引号。

您需要内容来显示div。@KyleSevenoaks,man CSS3无论如何在IE8中都不起作用。@Kyle Sevenoaks:我设置了高度和宽度属性:),在你的提琴链接上,你使用的是
-moz-box-shadow
-webkit-box-shadow
,这两种工具在Firefox 3.6/Chrome推出后就不再需要了。你也许可以把那些扔了。您还可以忘记
-ms-
梯度声明:IE10将是第一个支持这些声明的浏览器,而且它正在毫无准备地进行。有有用的支持表,列出特定版本是否需要前缀。值得一提的是,我发现,由于较旧的浏览器速度较慢,用户通常更喜欢干净快速的体验,而不是加载阴影和圆角并缓慢渲染的体验。这就是为什么我远离Javascript polyfill解决方案。您需要内容来显示div。@KyleSevenoaks,man CSS3无论如何在IE8中都不起作用。@Kyle Sevenoaks:我设置了高度和宽度属性:)顺便说一句,在您的小提琴链接上,您使用的是
-moz-box shadow
-webkit-box shadow
,这两个都是Firefox 3.6/Chrome时代以来所不需要的。你也许可以把那些扔了。您还可以忘记
-ms-
梯度声明:IE10将是第一个支持这些声明的浏览器,而且它正在毫无准备地进行。有有用的支持表,列出特定版本是否需要前缀。值得一提的是,我发现,由于较旧的浏览器速度较慢,用户通常更喜欢干净快速的体验,而不是加载阴影和圆角并缓慢渲染的体验。这就是我远离Javascript polyfill解决方案的原因。哦,谢谢,所以我将使用Nope向页面添加一个新的css文件,只需在其他样式下插入新的
-ms过滤器和
过滤器规则。其他浏览器无法识别它们,所以请忽略它。@SaffronHarris和colorzilla的渐变编辑器还允许您从现有css渐变代码甚至图像生成“跨浏览器css”。绝对是最好的css渐变生成器。@Joonas-neat!我没有意识到这一点。哦,谢谢,所以我将使用Nope向页面添加一个新的css文件,只需在其他样式下插入新的
-ms过滤器和
过滤器规则。其他浏览器无法识别它们,所以请忽略它。@SaffronHarris和colorzilla的渐变编辑器还允许您从现有css渐变代码甚至图像生成“跨浏览器css”。绝对是最好的css渐变生成器。@Joonas-neat!我没有意识到这一点。