IE10中的淡化线(渐变)

时间:2013-07-11 18:05:49

标签: html css gradient internet-explorer-10

我正在使用以下代码显示渐变线:http://jsfiddle.net/JoshMesser/55ZfK/(通过此网站http://css-tricks.com/forums/discussion/10375/sexy-css3-fading-line/p1找到)。这适用于Chrome和Firefox,但在IE10中没有显示任何内容..

.sexy_line{ 
display:block;
border:none;
color:white;
height:1px;
background:black;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));

}

远离CSS专家,一些谷歌搜索引导我http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/,但我似乎无法使用-ms-linear-gradient函数获得所需的效果。

所以我的问题是:在IE10中使用什么代码来获得一个漂亮的渐变线(朝向两侧逐渐消失,就像在jsfiddle示例中那样)?

非常感谢!

1 个答案:

答案 0 :(得分:1)

试试这个:

http://www.colorzilla.com/gradient-editor/

它为跨浏览器背景创建代码。