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 disable / apply
mask: url ("# ukraine_mask1")
in
foreignObject class = "recov_ukraine_mask1"
it 将再次起作用......也许有人知道如何解决这个问题?
我试图在 СSS 中添加一个简单的样式,但没有帮助 = (