Firefox hoja de estilo condicional (Gecko)

StackOverflow https://stackoverflow.com/questions/1113653

  •  12-09-2019
  •  | 
  •  

Pregunta

hoy estoy tratando de optimizar mi sitio web para una mejor prestación en Firefox! mis problemas son las propiedades de sombra de texto y la fuente de peso ... Me gustaría establecer valores personalizados sólo para Firefox (mi sitio web es Mac sólo son compatibles, así que no necesito IE compatibilidad) pero no acostumbra a utilizar por separado hoja de estilo sólo para estas dos propiedades !!! Hay alguna manera de hacerlo? O debo utilizar un script php para filtrar el agente de usuario y cargar las hojas de estilo personalizadas para Firefox?

Gracias de antemano!

¿Fue útil?

Solución 3

Usted parece que se quiere apoyar a los navegadores que soportan SOLO text-shadow, ¿por qué solo orienta Firefox? Su enfoque debe ser sólo para cambiar font-weight para los navegadores que soportan text-shadow. Pero esto es más fácil decirlo que hacerlo.

sniffers navegador no van a trabajar a menos que puedan diferenciar entre Firefox 3.5 y versiones anteriores. El vinculado a por KahWee no sería lograr esto, pero yo no recomendaría browser sniffing de todos modos -. No es la mejor práctica

En vez de ello recomienda configurar font-weight a lo que se quiere decir para su uso con text-shadow, y luego se incluyen un IE condicional para restablecer el mayoría de los navegadores de los visitantes de nuevo a la font-weight original, no sombreada.

Ejemplo: 

<style type="text/css" media="screen">
    .some-text {
        color: #fff;
        font-weight: bold;
        text-shadow: #000 0.1em 0.1em 0.2em;
    }
</style>

<!--[if IE]>
<style type="text/css" media="screen">
    .some-text {
         font-weight: normal;
         text-shadow: none; /* Does nothing now, but explicitly define NONE
            for future IE versions as that is what is intended */
    }
</style>
<![endif]-->

Con esto se logrará con text-shadow font-weight adecuada en estos navegadores:

  • Firefox 3.5 +
  • Opera 9.5 +
  • Safari 1.1+ (desde 2003!)
  • Chrome 2.0 +
  • Konqueror 3.4 +

Y si quieres gota de sombra en el IE puede utilizar expresiones filter con DropShadow(), pero yo personalmente no recomiendan el uso de CSS extensiones propietarias.

Su único "pérdida" real, entonces, sería tener un font-weight impropio de mayor edad, los navegadores no-IE como Firefox 3.0 e inferior, y 9.2x Opera e inferior.

Así que es lo que realmente vale JavaScript o PHP navegador oler a cambiar el font-weight para un subconjunto muy limitado de los navegadores más antiguos?

Si la respuesta sigue siendo sí, hay PHP rastreadores navegador como éste .

Otros consejos

De acuerdo, es un poco tarde, pero para gente como yo que no estaban felices de escuchar la respuesta anterior, hay una manera de hacerlo. 

<html>
    <head>
        <style type="text/css">
            #myDiv
            {
                background-color:blue;
                width: 100px;
                height: 100px;
            }

            @-moz-document url-prefix()
            {
                #myDiv
                {
                    background-color: red;
                }
            }
        </style>
    </head>
    <body>
        <div id="myDiv"></div>
    </body>
</html>

Puede utilizar el CSS selector del navegador .

Los condicionales son para IE solamente, lo siento. Tal vez algunas de esas funciones pueden ayudarle, trabajan en los navegadores Gecko solamente: extensiones de Mozilla css

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top