-webkit-filter: grayscale() вызывает у меня проблемы с hover css

Question

Эй, я делаю темы 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;} 

Я не буду продолжать идти из-за избыточности, но вы получите точку! Таким образом, у меня есть изображения в идентификаторе содержимого, и я пытаюсь заставить их быть черно-белыми, а при зависании - нормальным, что я и сделал, но по какой-то причине он иногда добавляет отступы при наведении. Любая подсказка относительно того, почему это происходит, или есть что-то неправильное в том, как я делаю оттенки серого?

Answer 1

Я сделал скрипку с кодом, я использовал и не было никаких проблем с ним

Кажется, некоторые стили подменяют :hover. Попробуйте добавить padding:0.

Answer 2

добавить следующее CSS код для IE

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

.fmcircle_out:hover .fmcircle_in span{filter: alpha(opacity=100);}