Disabilita ancoraggio HTML in Internet Explorer

Question

io sono sempre un problema nella mia richiesta, dove voglio disabilitare html ancora con css, ho visto una soluzione in Disable link using css, che sta lavorando bene in Chrome e Firefox, ma quando apro la mia pagina a Internet Explorer, non poteva essere disabilitata, ho attraversato molti collegamenti ma non ho trovato alcuna soluzione per internet explorer, per favore aiutatemi se avete qualche link o risposta utile. Grazie in anticipo modo

http://jsfiddle.net/7EQJp/

<a href="link.html" class="active">Link</a> 

.active { 
     pointer-events: none; 
     cursor: default; 
} 

Answer 1

È possibile utilizzare la proprietà css di pointer-events per disabilitare i collegamenti ma hanno problemi noti con ie. A partire da ie 11 questa proprietà è supportata. C'è un piccolo trucco. È necessario aggiungere una classe disabilitata ai collegamenti e aggiungere attributi disabilitati al collegamento, quindi aggiungere css che viene fornito di seguito. Inoltre è necessario fornire nessun evento puntatore per attributo di ancoraggio disabilitato. Dopo questi due dovrebbe funzionare nella maggior parte dei browser.

a.disabled { 
    pointer-events: none; 
} 

a[disabled] { 
    pointer-events: none; 
} 

Vai a questa fiddle.

Answer 2

CSS di disattivare i link:

a[disabled]{ 
pointer-events: none;} 

altro si può utilizzare javascript per disattivare i link:

$("td > a").attr("disabled", "disabled"); 

Answer 3

eventi del puntatore era in origine solo Mozilla . È stato adottato in -webkit- ma sfortunatamente non in IE. E ora che hanno Edge. Immagino che non sarà mai il caso.

Dalla documentazione MDN:

Attenzione: L'uso di puntatore-eventi in CSS per gli elementi non SVG è sperimentale. La funzione faceva parte delle specifiche di bozza dell'interfaccia utente CSS3 ma, a causa di molti problemi aperti, è stata posticipata ai CSS4.

Answer 4

anche io sto affrontando questo tipo di problema. ma io uso questa soluzione nel mio codice e nel suo funzionamento.

.disableButton { 
    background: #e6eeee none repeat scroll 0 0; 
    border: 2px solid #cdcdcd; 
    border-radius: 20px/40px; 
    color: #dcd7dc; 
    cursor: pointer; 
    font-family: arial; 
    font-size: 11px; 
    font-weight: bold; 
    image-rendering: inherit; 
    padding: 5px 30px; 
    pointer-events: none; 
    text-decoration: none; 
    display : inline-block; 
    }