【问题标题】:css3 gradient not work in operacss3渐变在歌剧中不起作用
【发布时间】:2012-04-10 18:01:06
【问题描述】:

我想在所有浏览器中为特定元素使用 css 3 渐变。我为此使用http://www.colorzilla.com/gradient-editor,它创建了以下代码:

background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

它在所有主流浏览器上都能正常工作,除了 Opara。
什么是问题和解决方案?我正在使用 Opera 11.0

【问题讨论】:

标签: css


【解决方案1】:

问题是 Opera 11.0 解决方案是 Opera 11.1

http://caniuse.com/css-gradients

【讨论】:

    【解决方案2】:

    Opera11 没有 CSS 渐变功能。

    【讨论】:

      【解决方案3】:

      Safari 4+、Chrome 1+、Firefox 3.6+ 和 Opera 11.10+ 现在支持 CSS3 渐变。 前往此处了解更多详情:www.css-tricks.com/css3-gradients/

      【讨论】:

        【解决方案4】:

        这对你有用..

        background-image: -o-linear-gradient(90deg,rgb(18,79,126),rgb(59,137,197));
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2011-09-23
          • 1970-01-01
          • 2016-08-14
          • 2011-12-04
          相关资源
          最近更新 更多