在div背景中的渐变样式，在IE中不工作

-1

我正在尝试制作一个很好的框架，用于插入我正在处理的网页中的徽标。由于某些原因，IE不会显示那个具有褪色颜色的div。我想要的只是一个带预定义维度的空白div中的简单渐变。谷歌铬是显示它就像我想要的，但IE浏览器不显示任何东西。由于我已经从here复制梯度部分而不理解一个词，我无法调试它。在div背景中的渐变样式，在IE中不工作

下面是代码（在一个非常简化版本）：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="iso-8859-8-i"> 
<style> 
#headGreen{ 
    float: left; 
    margin: 52px 0px 0px 0px; 
    width : 300px; 
    height: 30px; 
    background-image: linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 
    background-image: -o-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 
    background-image: -moz-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 
    background-image: -webkit-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 
    background-image: -ms-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 

    background-image: -webkit-gradient(
     linear, 
     right top, 
     left top, 
     color-stop(0.04, rgb(255,255,255)), 
     color-stop(0.82, rgb(68,179,68)) 
    ); 
} 
#header{ 
    width: 800px; 
    height: 100px; 
} 
</style> 
</head> 
<body> 
<div id="header"> 
<div id="headGreen"></div> 
</div> 
</body> 
</html>

我使用IE9，但我想它在其他国家也工作。谢谢:)

来源

2012-03-13 Ramzi Kahil

http://stackoverflow.com/questions/3934693/gradients-in-internet-explorer-9的重复？换句话说，你不能。需要使用MSIE过滤器。 – anothershrubery 2012-03-13 14:36:22

-ms-linear梯度只能在IE中使用10

使用以下命令：

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0); 
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)";

filter在IE7-
-ms-filter支持在IE8建议 - 9.重要提示：物业价值必须被引用。

请参阅CSS3 cross browser linear gradient了解有关梯度过滤器语法的详细说明。

来源

2012-03-13 14:38:24

我推荐使用Ultimate CSS Gradient Generator来生成渐变。

它利用IE的本地过滤器，并确保兼容所有的方式返回到IE6。我经常用这个。

来源

2012-03-13 14:38:15 gmeben

我不认为IE9已经支持这一切，我发现是这样的：

http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html

参考CSS3请IE10将支持它。

http://css3please.com/

我觉得老版本会工作，因为他们是：

/*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0); 
/*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)"; 

    background-color: transparent; 
    background-color: rgba(180, 180, 144, 0.6); 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99B4B490,endColorstr=#99B4B490); 
      zoom: 1;

来源

2012-03-13 14:39:04

以下过滤wlil只能通过IE浏览器来阅读：

#headGreen{ 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#44B244'); 
}

来源

2012-03-13 14:40:06 spacebiker

梯度Internet Explorer一直回到第6版让你失望？

不用担心！查看CSS3Pie。

http://css3pie.com/

感谢，希望这有助于！ Aaron

来源

2012-03-13 15:46:15

这个网站是篦子！我已经采取了另一个有效的答案，但它还有一些我需要的东西...谢谢！ :) – 2012-03-13 16:22:38

我很高兴我能帮到你。享受CSS3Pie Martin！ :-D。我一直都在使用它。 – 2012-03-13 16:25:44

在div背景中的渐变样式，在IE中不工作

回答

相关问题