Mozilla + foreignObject + Ajax中的图像掩码

Question

http://continent-news.info/page_20.html 在新闻的左栏中，它们在弹出窗口中打开，并加载了Ajax。

<div class="ukraine_mask1">
<svg height="116px" width="142px">
<defs>
<mask id="ukraine_mask1" maskContentUnits="userSpaceOnUse" maskUnits="userSpaceOnUse">
<image xlink:href="mask/ukraine_mask1.png" height="116px" width="142px">
</mask>
</defs>
<foreignObject class="recov_ukraine_mask1" style="mask: url(#ukraine_mask1);" height="100%" width="100%">
<div class="element_mask mask1_ukraine">
<img src="../inf_images/small/7812_8926.jpeg">
</div>
</foreignObject>
</svg>
</div>

Mozilla中的

问题：

有些新闻使用了掩码贴图，第一次遮罩效果很好。但是，如果我点击另一个带面具的新闻，他们就不想再重复使用面具... =（如果我再次按下第一条新闻，它会起作用。 第二次，不想重复使用=（ 如果在firebug中禁用/应用 mask: url ("# ukraine_mask1") 在 foreignObject class = "recov_ukraine_mask1" 它会再次起作用...... 也许有人知道如何解决这个问题？

我试图在СSS中添加一个简单的样式，但没有帮助=（