jQuery BlockUI元素阻止在Firefox上不起作用

我正在尝试使用jQuery blockUI插件阻止点击链接。它似乎在任何地方都运行良好，但是，Firefox

这就是它在Chrome中的外观

这就是它在FF中的外观

下面是我用来阻止/取消阻止元素的javascript代码

function blockOptions(clsId)
{     
    console.log("block: "+clsId);
    if(clsId!='undefined'){
        var eleToBlock  = "a."+clsId;
        //console.log(id);
        j(eleToBlock).parent().block({message:null,showOverlay: true, css: { opacity: '.5',  backgroundColor: 'black',cursor: 'progress' } });
    }
}

function unblockOptions(clsId)
{
    console.log("unblock: "+clsId);
    if(clsId!='undefined'){
        var eleToBlock = "a."+clsId;
        j(eleToBlock).parent().unblock(); 
    }
}

下面是用于此的HTML：

<ul class="left-tab">
    <li title=""><a class="tab-pic1" id="" title="" href="javascript:;">&nbsp;</a></li>
    <li title=""><a class="tab-pic2" id="" title="" href="javascript:;">&nbsp;</a></li>
    <li title="" style="position: relative;"><a class="tab-pic3" id="" title="" href="javascript:;">&nbsp;</a></li>
    <li title="" style="position: relative;"><a class="tab-pic4" id="optio" title="" href="javascript:;">&nbsp;</a></li>
    <li title=""><a class="tab-pic5" id="" title="" href="javascript:;">&nbsp;</a></li>
    <li title="" style="position: relative;"><a class="tab-pic6" id="" title="" href="javascript:;">&nbsp;</a></li>
</ul>

有人能指出我做错了什么吗？

---

我也检查了答案，但对我来说不起作用

在调用

block（）

时，将

applyPlatformOpacityRules

选项设置为

false

---

出于某些奇怪的性能原因，BlockUI插件专门在Linux环境下关闭Firefox上的不透明度。这一点在文章中已简要提及，但很容易被忽略。

真的，没有人遇到过类似的问题？我无法修复问题，如果有人知道如何修复问题或其他插件，请让我知道…是的，我发现这是Firefox的问题。无论如何，感谢您的回复。您的解决方案确实对我有效（与其他一些css黑客一起），谢谢您的帮助：）