我的样式表中有以下 css,我将其应用于 div,以在某些条件下禁用该 div 中的超链接。但这种风格在 FF 中有效,但在 IE 中无效。风格的缺陷是什么?还有谁能让我知道如何在 IE 和 FF 中禁用超链接?
pointer-events: none;
cursor: default;
基本上我有分页并禁用“上一个”和“下一个”按钮即时应用上述样式。
有人可以提供解决方案吗..
我的样式表中有以下 css,我将其应用于 div,以在某些条件下禁用该 div 中的超链接。但这种风格在 FF 中有效,但在 IE 中无效。风格的缺陷是什么?还有谁能让我知道如何在 IE 和 FF 中禁用超链接?
pointer-events: none;
cursor: default;
基本上我有分页并禁用“上一个”和“下一个”按钮即时应用上述样式。
有人可以提供解决方案吗..
来自Mozilla 开发者网络的指针事件页面:
"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)');
}
不完全支持指针事件,因此如果浏览器兼容性很重要,请远离。在您需要的条件下,使用 jQuery 禁用单击或删除 href 属性,因为这是跨浏览器。除非 JavaScript 在页面上运行某些内容,否则最好在服务器端执行此操作。