Quella sintassi è infatti relativa al generico selettore di attributo...peccato che (come al solito) IE non la supporti! In effetti i selettori di classe e di identificatore (.class e #id) sono casi particolari del selettore di attributo.

Per il problema di mostrare solo il testo dell'alt al posto dell'immagine, temo ci sia poco da fare...servirebbero i contenuti generati, che ovviamente IE non supporta! Impostando un CSS specifico che nasconda le immagini e "aggiungendo al volo" subito dopo l'immagine il valore del suo attributo alt, otterresti quello che vuoi. Ad es., utilizzando la pseudoclasse :after, avresti:

codice:
img[alt]:after {
content: attr(alt);
}

img[alt] {
display: none;
}
Questo codice funziona ovviamente solo sui browser che intepretano i contenuti generati, quindi non su IE. Ci sarebbe un'alternativa, ma ti obbliga a strutturare diversamente il codice della pagina. Dovresti predisporre già un paragrafo che contiene lo stesso testo dell'alt dopo ogni immagine che deve essere "nascosta". Poi crei 2 CSS: uno che mostra le immagini e usa display: none sul paragrafo che contiene il testo dell'alt, e l'altro che viene associato alla pagina quando vuoi nascondere le immagini. Questo dovrà quindi impostare le immagini con display: none e mostrare invece il paragrafo che le segue.