estoy usando el ▼ carácter como el contenido de mi pseudo-elemento:CSS pseudo-elemento ▼ se convierte en un galimatías en IE
a:after {
content: '▼';
}
Esto funciona muy bien en todos los modernos (es decir: no-IE) navegadores:
pero en IE (9), que acaba de obtener un galimatías en su lugar:
Supongo que esto tiene algo que ver con la codificación de caracteres, pero no sé por dónde empezar.
Asegúrese de que tanto su página como su hoja de estilo estén codificadas y servidas como UTF-8. La mayoría de los editores deberían poder decirle la codificación de cualquier archivo abierto.
También puede optar por usar la secuencia Unicode \9660 lugar, pero una vez más es necesario para asegurar que sus documentos están codificados como UTF-8 lo contrario puede que no funcione correctamente, ya sea:
a:after {
content: '\9660';
}
O si su hoja de estilo tiene una regla @charset, tiene que apuntar a UTF-8:
@charset "UTF-8";
tenga en cuenta que @charset rules need to appear at the very beginning of a stylesheet; en archivos ed @import, creo que esto no debería ser un problema, pero dado que Sass en realidad combina archivos juntos que están vinculados por las reglas @import durante la compilación, esto causará errores. Para Sass/SCSS, deberá colocar la regla @charset al principio de su hoja de estilo maestra.
Estoy usando SASS, y me acabo de dar cuenta de que están agregando '@charset" IBM437 ";' al comienzo de mi archivo CSS. ¿Hay algo que pueda hacer al respecto? – MegaHit
@MegaHit: cámbialo a '@charset" UTF-8 ";' – BoltClock
¿Estás diciendo que tengo que cambiarlo después de CADA vez que guardo mi archivo SASS? ¿No hay forma de evitar que SASS agregue eso allí? – MegaHit
Además de la respuesta de @ BoltClock, asegúrese de send appropriate headers from your server, y, tal vez solo por una buena medida, agregue un <meta charset="utf-8" /> en su etiqueta <head>.
Puede probar agregando una imagen de fondo a su menú.
a{background:url("http://pathtoyourimage/");}
¿Has probado 'content: '\ 9660';'? ¿Su archivo CSS y su página web usan el mismo conjunto de caracteres? ¿Tiene un '@ charset' en su CSS diferente a su tipo MIME? – alex