首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >CSS3线性梯度和Opera?

CSS3线性梯度和Opera?
EN

Stack Overflow用户
提问于 2011-02-13 22:45:40
回答 4查看 244关注 0票数 0

Opera浏览器支持线性渐变吗?什么是语法?谢谢

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-02-13 22:55:10

不支持,Oper不支持CSS3的线性梯度。但是,您可以使用svg作为背景。以下是带有渐变的简单svg文件的内容:

代码语言:javascript
复制
<svg xmlns="http://www.w3.org/2000/svg" version="1.0">
    <defs>
        <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="100%">
            <stop offset="0%" style="stop-color: #9c0000;"/>
            <stop offset="100%" style="stop-color: #590000;"/>
        </linearGradient>
    </defs>

    <rect x="0" y="0" fill="url(#gradient)" width="100%" height="100%" />
</svg>
票数 1
EN

Stack Overflow用户

发布于 2011-02-14 17:12:24

没有,但已经宣布很快就会了。我猜应该是三月。

票数 1
EN

Stack Overflow用户

发布于 2011-08-23 15:57:16

从2011年8月YES开始,Opera支持线性渐变。

Gradients in Internet Explorer 9上,你可以看到如何使用它。

简要地说:

代码语言:javascript
复制
/* Opera */ 
background-image: -o-linear-gradient(top, #444444 0%, #999999 100%);

希望能对你有所帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4984754

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档