-webkit-filter: grayscale()在悬停css上导致问题
-webkit-filter: grayscale()在悬停css上导致问题
提问于 2013-03-09 08:03:53
嘿，所以我正在制作tumblr主题，出于一些奇怪的原因，灰度效果只是偶尔在博客上的一些随机元素上添加填充，包括图像。这没有任何意义，这是因为过滤器，但当我关闭过滤器，不会发生这样的事情。我尝试了许多不同的方法，下面列出一些方法：
.gray {
-webkit-filter: grayscale(.7);
-webkit-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.gray:hover{
-webkit-filter: grayscale(0);
-webkit-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
----------------------------------------
#content img {
-webkit-filter: grayscale(.7);
-webkit-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
#content:hover img{
-webkit-filter: grayscale(0);
-webkit-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
----------------------------------------
#content:hover img{
-webkit-filter: none;
-webkit-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.gray {
-webkit-filter: grayscale(.7);
-webkit-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}我不会因为冗余而继续工作，但是你已经明白了！因此，我在内容ID中有图像，我试图让它们变成黑白，并在悬停时恢复正常，我确实做到了，但由于某些原因，它有时会在悬停时添加填充。有没有关于为什么会发生这种情况的线索，或者我做灰度的方式有什么问题吗？
回答 2
Stack Overflow用户
发布于 2013-03-09 08:42:49
我把我用过的代码弄乱了，一点问题也没有
似乎有一些样式正在覆盖:hover。尝试添加padding:0。
Stack Overflow用户
发布于 2014-03-10 15:18:09
将以下内容添加到IE的css代码中
.fmcircle_in span {filter: alpha(opacity=0);}
.fmcircle_out:hover .fmcircle_in span{filter: alpha(opacity=100);}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15305454
复制相关文章
相似问题
腾讯云开发者
