Firefox appliquant le style au bloc de script

J'ai simplifié un problème que j'ai rencontré dans Firefox (le code original est généré par les contrôles côté serveur). Ouvrez l'extrait suivant dans IE et Firefox:Firefox appliquant le style au bloc de script

<html> 
<style> 
    .AllInline, .AllInline * { display: inline; } 
</style> 
<span class="AllInline"> 
    Test 
    <script type="text/javascript"> 
     <!-- var obj = {}; //--> 
    </script> 
</span> 
</html>

Dans IE, je reçois:
test
Alors que dans Firefox, je reçois:
test 

Le contenu du bloc de script devient visible en quelque sorte.

Je ne m'attendais pas à ce que les règles de style soient appliquées aux blocs de script (on ne peut pas vraiment voir pourquoi on voudrait ça non plus).

Quelqu'un aurait-il une explication?

Source

2010-07-14 Locksfree

Comment exactement se comporte-t-il dans Firefox? – mcandre

J'ai ajouté les résultats que je reçois. – Locksfree

Chrome se comporte comme FireFox – Yisroel

base, basefont, datalist, head, meta, script, style, title, noembed et param balises sont cachés par le simple fait de mettre display: none; dans html.css (qui est un UA stylesheet). Donc ils sont sujets à être cachés par page CSS comme votre exemple. area d'autre part a display: none ! important; car il a une gestion interne spéciale (l'image possède effectivement la zone).

Source

2011-01-20 00:34:33 Neil

Ne placez pas de JavaScript ici. Insérez-le juste avant </body></html>. Testez votre HTMl dans le Echochamber.

Source

2010-07-14 15:35:28 mcandre

Ceci est seulement un court échantillon de reproduction. Je ne mettrais pas les js ici non plus si je l'écrivais. Cela vient d'un feu croisé entre le style et ce que rend un contrôle DevExpress. – Locksfree

bug fascinant! Vous pouvez ajouter .AllInline script {display: none;} à votre CSS pour le cacher.

Source

2010-07-14 21:02:37 Yisroel

Suppression du second sélecteur .AllInline * fonctionne également. Je ne comprends toujours pas pourquoi quelqu'un voudrait ça ... – Locksfree

Firefox appliquant le style au bloc de script

Répondre

Questions connexes