使用新代码缓慢加载图像

Question

我最近在tumblr博客的html中添加了一些新代码。通常情况下，图像会流畅地滚动，但是新代码不再存在。新代码增加了图像从灰度到正常的效果。这是代码：

.post {
    -webkit-filter: grayscale(100%);
    z-index: -9999999999999999999999999px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.post:hover {
    -webkit-filter: grayscale(0%);
    z-index: -9999999999999999999999999px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

truelions.tumblr.com

根据浏览器的不同，故障也不同。 Chrome：在滚动时发帖“粘贴”一下 Safari：帖子正确加载，但感觉很慢。这是因为safari 7.0可能吗？

有人可以帮我看一下，如果需要更多我会提供的代码。

感谢。