歌剧中的CSS背景过渡经过黑色

标签 css opera css-transitions

我刚开始接触 CSS3 转换(是时候了!),我目睹了 Opera 11.60 中的一些奇怪行为。

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

现在,我可以理解为什么会发生这种情况 - 不透明度和颜色同时进行动画处理,并且由于颜色过去是none,Opera 将其视为#000。在我看来像是一个错误。

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

最佳答案

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

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

关于歌剧中的CSS背景过渡经过黑色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8943825/

相关文章:

javascript - Opera 8.5 中未定义 JSON (json2.js) 变量

css - 使用 -webkit-transition 时的文本定位

html - 如何在使用 font awesome 时更改字体大小?

Opera 中的 Javascript 计时器错误

html - 如何使标题与图像成比例并保持间距比例 html/css

html - 侧边栏在 Opera 中无法正确显示

javascript - 过渡多个背景图像

html - CSS 缩放过渡缓和不起作用

css - 给定一个表头有背景的表格,你能否仅通过 CSS 旋转表头中的文本?

css - 纯 CSS 响应式多级菜单