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

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 に答える
0

使用したコードをいじりましたが、問題はありませんでした

一部のスタイルがオーバーライドされているようです:hover。を追加してみてくださいpadding:0。

于 2013-03-09T00:42:49.217 に答える