1

嘿，所以我正在制作 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 中有图像，我试图让它们变成黑白的，并且在悬停时变为正常，我这样做了，但由于某种原因，它有时会在悬停时添加填充。关于为什么会发生这种情况的任何线索，或者我做灰度的方式有什么问题吗？

4

2 回答 2

0

我用我使用的代码做了一个小提琴，它没有问题

似乎有些风格是压倒一切的:hover。尝试添加padding:0.

于 2013-03-09T00:42:49.217 回答
0

在 IE 的 css 代码中添加以下内容

.fmcircle_in span {filter: alpha(opacity=0);}

.fmcircle_out:hover .fmcircle_in span{filter: alpha(opacity=100);}
于 2014-03-10T07:18:09.100 回答