Printable View
Salve a tutti sto cercando di fare un agigornamento grafico di un mio sito e voglio approfittare di IE9 per usare molti effetti di CSS3 (come i bordi arrotondati e la pseudoclasse :focus) L'altro giorno avevo applicato gli effetti e funzionavano alla perfezione, ma ora mi accorgo che gli effetti non funzionano più, quale potrebbe essere la causa?
Hai una pagina online? doctype?
IE8 e 9 hanno anche una magnifica console per controllare cosa non fa, accessibile via F12.
Ecco un esempio, io con ie9 non vedo nei gli angoli arrotondati, ne il bordo rosso
Interessante, IE9 è l'unico con cui io vedo meglio il bordo del focus :mrgreen: Su Opera non c'è nessun bordo ad esempio, su Chrome si mischia quello che credo sia l'outline, arancione.
Da questi differenti risultati direi che hai un problema di "default" che non sovrascrivi.
Esempio: nel tuo codice haidove indichi che il bordo è rosso. IE9 ha un bordo di 2px, e lo fa rosso, Chrome ha un bordo di un 1px e lo fa rosso, Opera non ha un bordo - e quindi non appare nulla.Codice:#t:focus {
...
border-color: red;
border-radius: 10px;
}
Quando scrivi css non puoi fidarti troppo di quali valori siano già definiti (i default sheet, per i quali a volte si fa un reset completo) e quindi devi assicurarti di precisare ogni dettaglio:questo mi da lo stesso risultato su tutti i browser.Codice:#t:focus {
...
border: 1px solid red;
border-radius: 10px;
}
In generale, se vuoi essere molto ligio agli standard ti consiglio di avere Opera installato per dare un'occhiata alle pagine. Non è perfetto, ma tende ad avere l'implementazione più aderente. IE9 si comporta egregiamente per quel che ho visto, ma è beta, ed è IE quindi è difficile fidarsi. Chrome e Fx4 mi tignano quindi non ho voglia di provarli, non so dirti, mentre Fx3 supporta abbastanza css3 in modo pulito, quindi potresti semplicemente basarti su quello - se sopporti i -moz-*.
Se vuoi dare un'occhiata, questo foglio di stile sprizza di css3, ed i bordi rotondi mi sembrano funzionare ovunque. Lo stupore finale è che non esplode su IE6 :mrgreen:
Citazione:
IE9 è l'unico con cui io vedo meglio il bordo del focus
Mi dispiace contraddirti, ma ecco cosa mi appare a me quando clicco nella textareaCitazione:
IE9 si comporta egregiamente per quel che ho visto
http://img541.imageshack.us/img541/1329/id9probvlem.png
...non so cosa dirti, credo di aver capito la tua risposta e di aver modificato la pagina, ma ahime il mio ie non vuole proprio saperne
EDIT:
Ho notato in fondo a ie un barra con scritto modalità di documento :mrgreen: e l'avevo impostata su IE7 per questo non andava, impostandalo su IE9 stantard vedo tutto bene, grazie delle tue risposte che mi sono state comunque utili!
Citazione:
Originalmente inviato da dreadnaut
:sbonk:Citazione:
Originalmente inviato da makingweb
"Tira" verso l'alto quella barra, e dovrebbe esserci un'intero pannello attaccato :wink: