为什么加载页面中的图像会快速显示然后消失？

Question

当我的页面加载时，标题中的图像会快速显示，然后在几纳秒内神奇地消失。有时，页面加载正确，这意味着标题中的图像实际上仍然可见。 我无法弄清楚为什么这种情况会随机发生。

理想情况下，页面和图像应该加载并保持可见。

我有一个相关的助手，事件，CSS和HTML片段，以帮助理解最新情况。

在我的模板下面找到：

<template name="merchantChat">  
{{#each chatMessages}}
    <img class = "img-responsive img-rounded blur" src="{{this.photo.url}}" alt="thumbnail" >
{{/each}}
</template>

在下面找到我的CSS：

img.blur{
   position: absolute;
   z-index: -1;
    width:100%;
    height:100px;
   margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0px;
    clip: rect(5px,640px,50px,5px);
    zoom:190%;
    -webkit-filter: blur(1.3px);
    filter: blur(0.9px);
}

和我的助手作为路由器功能：

Router.route('/merchantChat/:_id', {
template: 'merchantChat',
data:{ 

    chatMessages: function()
            {

            var selected = Router.current().params._id;
            return buyList.find({ _id: selected}).fetch();               
            },
    }
}); 

非常感谢任何帮助。