2013-06-03 55 views
0

在我的樣式表中,我在下面的CSS中應用了div,在特定條件下禁用該div中的超鏈接。但是這種風格在FF中起作用,但在IE中不起作用。這種風格有什麼缺陷?也可以讓我知道如何disabel超鏈接,在IE和FF以及?在IE中不應用CSS

pointer-events: none; 
    cursor: default; 

基本上我有分頁和禁用「prev」和「下一個」按鈕即時通訊應用上述的風格。

有人可以請提供一個解決方案..

+3

您使用哪個IE? – Vucko

+1

http://caniuse.com/#search=pointer-events – Quentin

+0

任何版本的IE都不支持'pointer-events'(https://developer.mozilla.org/en-US/docs/Web/CSS/指針事件);只有在IE8和IIRC中「不透明」。 –

回答

3

pointer-events page在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)'); 
} 
+0

其實我寫了jsquery代碼觸發oncLick事件時,用戶cliks'prev'和'下一個'。所以如果計數<3即時試圖通過添加樣式禁用prev按鈕,但不知何故不在IE中工作.. –

+0

@PhanimadhaviVasantala:請參閱jQuery版本的更新。 – Faust

1

指針事件不完全支持,所以如果瀏覽器兼容性很重要,請遠離。使用jQuery在需要的條件下禁用點擊或刪除href屬性,因爲這是跨瀏覽器。除非JavaScript在頁面上運行一些內容,否則做這個服務器端會更好。