Question

我的样式表中有以下css，我应用于div，在某些条件下禁用该div中的超链接。但是这种风格在FF中不起作用，但在IE中却没有。这种风格的缺陷是什么？还有人可以让我知道如何在IE和FF中解除超链接吗？

    pointer-events: none;
    cursor: default;

基本上我有分页并禁用“prev”和“next”按钮我应用上述风格。

有人可以提供解决方案..

Answer 1

来自Mozilla开发者网络的pointer-events page：

"Warning: The use of pointer-events in CSS for non-SVG elements 
is experimental. The feature used to be part of the CSS3 UI draft 
specification but, due to many open issues, has been postponed to CSS4."

以下是相关问题：How to make Internet Explorer emulate pointer-events:none?

另外：IE-8及以下版本不支持opacity - 对这些版本使用filter: alpha(opacity=50)。

要禁用跨浏览器的超链接，您需要javascript：

document.getElementsById('myId').href = "javascript:void(0)";

更新 ...或使用jQuery（和条件）：

if(myCount < 3){
    $('a#myId').attr('href', 'javascript:void(0)');
}

Answer 2

指针事件不完全受支持，因此如果浏览器兼容性很重要，请远离它。使用jQuery在您需要的条件下禁用单击或删除href attr，因为这是跨浏览器。除非JavaScript在页面上运行某些内容，否则执行此服务器端仍然会更好。

CSS未在IE中应用

2 个答案: