【问题标题】:css background transition in opera goes through black歌剧中的CSS背景过渡通过黑色
【发布时间】:2012-01-20 15:32:51
【问题描述】:

我刚刚进入 CSS3 过渡(差不多时间!),我在 Opera 11.60 中看到了一些奇怪的行为。

我使用转换将元素从background:none 更改为background:#fff。但是,过渡实际上在达到其目标之前会经历黑色/深灰色。

现在,我可以理解为什么会发生这种情况了——不透明度和颜色同时被动画化,并且由于颜色曾经是none,Opera 将其视为#000。对我来说似乎是一个错误。

有没有办法解决这个问题,除了在 Opera 中为带有background:none 的元素关闭过渡?

【问题讨论】:

    标签: css opera css-transitions


    【解决方案1】:

    尝试从background: rgba(255,255,255,0) 转换到background: rgba(255,255,255,1) 怎么样? (即从不透明度为零的白色到完全不透明度的白色。)

    参见例如http://jsfiddle.net/tajMG/

    【讨论】:

    • 是的,这就是我所缺少的 - 意味着指定不透明度。不过,RGBA 支持在 IE 漏洞中还能走多远?
    • 多么巧合,我刚刚推出了一个回答这个问题的网站(自我推广警报)——遗憾的是,它仅在 IE9(和 Opera 10,到此为止)之后才受支持:@987654322 @
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-06
    • 1970-01-01
    • 2023-03-10
    • 1970-01-01
    • 2015-02-25
    相关资源
    最近更新 更多