Si sa, Internet Explorer è una rottura. Sarà pur vero che, andando avanti, sia diventato più user-fiendly, eppure mi imbatto ancora in disfunzioni grossolane.

Modificando le pagine di un sito in .asp, mi è capitato di dover inserire un paio di immagini con collegamenti a determinate pagine. Nulla di più semplice. Eppure, dopo aver caricato le modifiche, ho notato che le immagini apparivano con una bordatura di qualche pixel. E’ un errore abbastanza vecchio e noto, tuttavia si presenta ancora nella versione 11 del noto browser. Il problema si genera in quanto il tag dell’immagine è contenuto all’interno del tag per il collegamento. Per questo motivo, IE attribuisce all’immagine gli attributi di un link.

Che fare? La risposta è semplice, basta aggiungere questa semplice regola nel nostro bel file .css:

img {
  border: none;
}

Tenete conto ovviamente che se avete già aperto l’istruzione per le immagini vi basta aggiungere solo la riga contenuta all’interno delle graffe.

Salvate e caricate il file, per vedere definitivamente sparire quei fastidiosi bordi 😎