Détecter si Firefox 3.5 ou Firefox 3.0 ou inférieur

Je dois admettre que je n'ai jamais eu à s'inquiéter à propos de Firefox versions avant quand il est venu à CSS, mais pour une raison quelconque, FF 3.5 n'est pas le positionnement de certains de mes éléments de manière adéquate par rapport à la façon dont FF2 et FF3.0 faire.

Maintenant, je suis confronté à la nécessité de détecter si son FF 3.5.

Voici ce que je fais maintenant pour la manipulation de feuille CSS sur FF et IE:

<!-- MAIN STYLESHEET -->
<link rel=stylesheet href="./inc/style.css" type="text/css">

<!-- IE STYLE SHEET -->
<!--[if IE]> <style type="text/css">@import "./inc/style.ie.css";</style> 
<![endif]-->

Maintenant, j'ai besoin d'ajouter une 3e option, je suppose, mais comment? Est-il un moyen de le faire, ou suis-je confronté à devoir mettre en œuvre une sorte de JavaScript solution?

Grâce -

  • Quel est le code css que vous avez de l'expérience avec cette? J'ai toujours essayer de contourner le problème avant de créer un grand nombre de navigateur feuilles de style spécifiques. En fait, je n'ai jamais utilisé un navigateur feuille de style spécifique à tous..
  • J'ai regardé vers l'avant pour Firefox 3.5, mais bien que je n'ai pas connu votre problème, j'ai des problèmes où 3.5 montre les images (images de fond, etc.) dans des couleurs différentes que la tous les autres navigateurs (y compris IE6!). Grosse déception.
InformationsquelleAutor OneNerd | 2009-07-16
  1. 9

    Mon (court terme) solution a été d'utiliser jQuery comme ceci:

    $(document).ready ( 
  function() {
    if ( $.browser.mozilla == true && $.browser.version == '1.9.1' ) {
      //modify css here
    }
  }
);

    Note l' $.le navigateur.la version n'est pas 3.5 comme vous pourriez le penser (mais au lieu de cela, elle retourne la version du moteur de rendu). Aussi, l' $.le navigateur ne dispose pas d'un firefox valeur apparemment, elle retourne mozilla pour tous les navigateurs basés sur mozilla.

    En supposant que cela va répondre à mes besoins à court terme. Merci -

    InformationsquelleAutor OneNerd
  2. 3

    Il n'y a aucun moyen de le faire à l'aide du navigateur tags. Vous devrez utiliser un browser sniffing (à l'aide de JavaScript pour détecter le navigateur), pour charger le bon de feuilles de style.

    Si vous utilisez une bibliothèque JavaScript comme Mootools ou jQuery, alors il existe des fonctions pour le faire.

    Vous pouvez également, comme autre solution, détecter sur le serveur, puis envoyer une autre feuille de style.

    • J'aime le détecter sur le serveur idée - à l'aide de PHP - pouvez-vous offrir tous les conseils pour que celui-ci?
    • Vérifier la chaîne de l'Agent Utilisateur est de l'envoyer dans l'en-tête. Je suis à 100% il y a un moyen de filtrer facilement exactement ce navigateur voici qu'on l'aide (soit par le biais de deviner ou à l'aide d'une bibliothèque.) Alors, si l'UA-chaîne est tha même que FF3.5 vous allez utiliser un autre fichier css OU d'ajouter l'expressions dans le fichier Javascript. J'espère que cela aide.
    InformationsquelleAutor Henrik Hansen
  3. 3

    La première chose que je ferais serait de essayer de résoudre le problème sans navigateur CSS spécifiques correctif. Habituellement, cela prend juste un peu plus de réflexion pour trouver une solution de navigateur. Publier vos CSS problème ici, et on peut ensuite essayer et de le corriger 🙂

    Mais pour répondre directement à votre question, malheureusement, vous allez avoir à utiliser le Javascript pour celui-ci. Mais heureusement, il y a vraiment une solution simple.

    Charger ce fichier JavaScript, et vous pouvez ensuite utiliser ces propriétés:

    • BrowserDetect.navigateur
    • BrowserDetect.version
    • BrowserDetect.OS

    Ensuite, vous pouvez faire quelque chose comme:

    if (BrowserDetect.browser == 'Firefox' && BrowserDetect.version == '3.5')
{
  //Load CSS file
}

    http://www.quirksmode.org/js/detect.html

    InformationsquelleAutor James Skidmore
  4. 1

    ressemble à il ya un CSS solution, essayez cette

        @-moz-document url-prefix() {
  .selector {
     color:lime;
  }
}
    InformationsquelleAutor Igor Simic
  5. 0

    Il n'y a pas de commentaires conditionnels pour Firefox. Vous pourriez avoir à vérifier l'Agent Utilisateur et comprennent des feuilles de style sur le résultat.

    InformationsquelleAutor janhartmann
  6. 0

    vous pouvez vérifier l'userAgent à l'aide de JavaScript

    InformationsquelleAutor Russ Bradberry