IE渐变实体在中间，褪色在左边和右边

-1

我试图做一个渐变，这将在左侧和右侧褪色，但坚实的中间。这可能吗？我做了我的研究，但在网上找不到任何教程。IE渐变实体在中间，褪色在左边和右边

P.S.这是互联网Explroer

来源

2014-09-10 totovic

试试这个 - http://www.colorzilla.com/gradient-editor/ – 2014-09-10 11:34:45

我试着那个。它只给我一个双面渐变 - 开始颜色和结束颜色 – totovic 2014-09-10 12:02:07

这就是停止的颜色。 – 2014-09-10 12:12:24

你的问题有点含糊，但它只是在需要时应用色块的问题。

如果您在不同的点上应用两种颜色的光圈，但颜色在两个颜色都相同，则您会在中间获得纯色。

JSFiddle Demo

CSS（无前缀）

.box { 
    width:25%; 
    height:200px; 
    border:1px solid lightgrey; 
    display: inline-block; 
} 

.one { 
background: linear-gradient(to right, 
     rgba(255,255,255,1) 0%, 
     rgba(0,0,255,1) 25%, /* intermediate color stop */ 
     rgba(0,0,255,1) 75%, /* second intermediate stop */ 
     rgba(255,255,255,1) 100%) 
     ; /* W3C */ 
}

使用Gradient Editor此

来源

2014-09-10 12:20:57

我知道停止，它适用于大多数浏览器，但IE呢？ filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃8f8d1b'，endColorstr ='＃8f8d1b'，GradientType = 1）！important; – totovic 2014-09-10 23:20:58

您试图支持哪个版本的IE？你不要在你的问题中提及具体内容。如果IE9，请参阅“渐变编辑器”链接中的选项。 – 2014-09-11 09:11:37

IE渐变实体在中间，褪色在左边和右边

回答

相关问题