在Firefox中悬停时不透明的图像“跳跃”

饼干贝克

我有一张使用opacityCSS淡出的图片1悬停时,图像的不透明度恢复为

但是,在Firefox中,将鼠标悬停在它上似乎会“跳跃”一点。似乎与Firefox在褪色时平滑图像的方式有关-是否可以解决此问题?

这是一个小提琴:

http://jsfiddle.net/jngS8/5/

<div class="container">
    <a class="opacity">
        <img src="http://imgur.com/EhiSptf.png" />
    </a>
</div>

CSS:

img {
    height: auto;
    max-width: 100%;
}
.container{
    width:200px;
}

.opacity {
    opacity: 0.6;
}
.opacity:hover { 
    opacity:1;
}
用户123444555621

-moz-backface-visibility: hidden;

在图像上。

来源:http : //nickpye.com/2013/04/03/css3-opacity-transition-image-wiggle-bug-in-mozilla-firefox/该文章讨论的是CSS过渡,但是看起来它也可以在没有过渡的情况下工作。

http://jsfiddle.net/jngS8/6/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在div中其他元素悬停时更改图像不透明度

来自分类Dev

悬停时奇怪的不透明度更改仅出现在Firefox和IE中

来自分类Dev

悬停时一个图像到另一个图像(不透明)

来自分类Dev

增加悬停时的透明背景不透明度?

来自分类Dev

如何使用CSS更改悬停时图像的不透明度

来自分类Dev

仅在链接图像时在悬停上应用不透明度

来自分类Dev

如何使用CSS更改悬停时图像的不透明度

来自分类Dev

当悬停标头更改不透明度图像时

来自分类Dev

悬停文本时如何更改图像的不透明度?

来自分类Dev

更改悬停时图像不透明度的列表-CSS

来自分类Dev

图像不透明

来自分类Dev

将鼠标悬停在图像上时,链接图像的不透明度为0.5,工具提示的不透明度为

来自分类Dev

悬停时的不透明度在Chrome或IE中不起作用

来自分类Dev

在帖子中悬停时,div 内 p 标签的不透明度

来自分类Dev

悬停时更改不透明度

来自分类Dev

将鼠标悬停在图像上方的某些文本上时,如何阻止图像失去其不透明属性?

来自分类Dev

悬停时,使带有文本的不透明div出现在图像框上方的图像框上方

来自分类Dev

我可以在jquery悬停时制作两个具有不同不透明度的图像吗

来自分类Dev

图像复制不透明

来自分类Dev

悬停不透明度与另一悬停图像不同

来自分类Dev

使图像不透明,使文本在css中模糊

来自分类Dev

打包战争时不透明部分中的字符非法

来自分类Dev

图像悬停CSS的文本和不透明度更改

来自分类Dev

添加不透明度悬停过渡会使其他图像闪烁

来自分类Dev

悬停时更改不透明度时,文本闪烁

来自分类Dev

图像“淡入/淡出”(不透明)

来自分类Dev

如何在悬停时更改高位图不透明度?

来自分类Dev

悬停在CSS上时使div更改不透明度,亮度

来自分类Dev

在悬停时将不透明度应用于img

Related 相关文章

  1. 1

    在div中其他元素悬停时更改图像不透明度

  2. 2

    悬停时奇怪的不透明度更改仅出现在Firefox和IE中

  3. 3

    悬停时一个图像到另一个图像(不透明)

  4. 4

    增加悬停时的透明背景不透明度?

  5. 5

    如何使用CSS更改悬停时图像的不透明度

  6. 6

    仅在链接图像时在悬停上应用不透明度

  7. 7

    如何使用CSS更改悬停时图像的不透明度

  8. 8

    当悬停标头更改不透明度图像时

  9. 9

    悬停文本时如何更改图像的不透明度?

  10. 10

    更改悬停时图像不透明度的列表-CSS

  11. 11

    图像不透明

  12. 12

    将鼠标悬停在图像上时,链接图像的不透明度为0.5,工具提示的不透明度为

  13. 13

    悬停时的不透明度在Chrome或IE中不起作用

  14. 14

    在帖子中悬停时,div 内 p 标签的不透明度

  15. 15

    悬停时更改不透明度

  16. 16

    将鼠标悬停在图像上方的某些文本上时,如何阻止图像失去其不透明属性?

  17. 17

    悬停时,使带有文本的不透明div出现在图像框上方的图像框上方

  18. 18

    我可以在jquery悬停时制作两个具有不同不透明度的图像吗

  19. 19

    图像复制不透明

  20. 20

    悬停不透明度与另一悬停图像不同

  21. 21

    使图像不透明,使文本在css中模糊

  22. 22

    打包战争时不透明部分中的字符非法

  23. 23

    图像悬停CSS的文本和不透明度更改

  24. 24

    添加不透明度悬停过渡会使其他图像闪烁

  25. 25

    悬停时更改不透明度时,文本闪烁

  26. 26

    图像“淡入/淡出”(不透明)

  27. 27

    如何在悬停时更改高位图不透明度?

  28. 28

    悬停在CSS上时使div更改不透明度,亮度

  29. 29

    在悬停时将不透明度应用于img

热门标签

归档