Problème avec le type de style de liste: aucun; dans FireFox

Par exemple, dans ce code html, j'ajoute list-style-type: none; dans test.css externe. Lorsque FireFox charge cette page, le dots (list-style-type without none) peut être vu pendant environ une seconde. Seulement css en ligne fonctionne <ul id="categories" style="list-style-image: none; list-style-type: none;">Problème avec le type de style de liste: aucun; dans FireFox

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <link href="test.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <body> 
     <div>TODO write content</div> 
     <ul id="categories"> 
      <li><a>Test1</a></li> 
      <li><a>Test2</a></li> 
      <li><a>Test3</a></li> 
     </ul> 
    </body> 
</html>

ScreenShot

Source

2011-06-02 Tuco

Ce que vous voyez est un [FOUC] (http://en.wikipedia.org/wiki/Flash_of_unstyled_content) - Flash Of Unstyled Content - si cela vous permet de dépister quoi que ce soit. –

Merci pour ce super lien !!! L'ajout d'une balise de script à l'en-tête du document a résolu ce problème. – Tuco

Je viens d'essayer sur Windows et Mac dans Firefox, et les deux ont bien fonctionné pour moi. Apparemment, ce Flash Of Unstyled Content (FOUC) ne se passe pas sur le navigateur de tout le monde.

Si vous insistez fixer ce, vous pourriez penser à l'utilisation de certaines solutions de contournement, par exemple en plaçant le <link> dans body, en utilisant @import pour importer votre css ou google it ...

Source

2011-06-02 08:16:11

Merci de votre réponse. Solution # 3 d'ici http://www.techrepublic.com/article/prevent-the-flash-of-unstyled-content/5140996 résolu le problème. – Tuco

C'est la même chose que j'essaie de dire l'OP pour les 40 dernières minutes. –

utilisent ce css pour supprimer les points:

ul 
{ 
    list-style:none; 
}

Voici working demo

Source

2011-06-02 07:47:56

Non :) La question n'est pas à ce sujet. Cela fonctionne dans jsfiddle, j'ai testé. Mais cela ne fonctionne pas si je charge cette page dans FireFox. – Tuco

FireFox affiche les points pendant environ une seconde, puis devient normal. – Tuco

J'ai testé le même violon sur IE, Chrome, Safari, Mozilla Firefox 3.0 et 4.0 Developer Preview. Tous donnent le même résultat. –

Problème avec le type de style de liste: aucun; dans FireFox

Répondre

Questions connexes