JS fonctionne dans Chrome mais pas Firefox

Je n'arrive pas à comprendre pourquoi cela ne fonctionne pas dans FF? Cela fonctionne dans Chrome et Firebug ne montre aucune erreur dans FF, mais il est ignoré.JS fonctionne dans Chrome mais pas Firefox

$(document).ready(function() { 

      $(function(){ 
       $('#content-left').css({'display': 'block !important', 'width': '80px !important'}); 
       $('#content-right').css('width', '250px !important'); 
       $('#content-middle').css({'width': '630px !important', 'float': 'left !important', 'height': 'auto !important', 'padding': '0 10px !important'}); 
      }); 

     });

Vous avez des idées? Merci!

Source

2011-10-13 Michael Davis

Vous ne pouvez pas utiliser !important dans les styles en ligne de Firefox. En outre, vous ne devez pas utiliser !importantSAUF SI vous n'avez aucune autre option disponible.
Dans votre cas, !important est inutile, car les styles en ligne ont déjà une très haute spécificité.

Source

2011-10-13 10:32:31

Merci beaucoup, Rob! Cela ne m'est même pas venu à l'esprit mais semble si évident maintenant. –

Vous pouvez utiliser '! Important' juste bien dans les styles en ligne dans Firefox ... Ce que vous ne pouvez pas faire est de mettre' style.left.height = "250px! Important" ', car la spécification ne le permet pas, mais Si vous utilisez 'setProperty' (qui vous permet de spécifier la priorité) cela fonctionne très bien. –

JS fonctionne dans Chrome mais pas Firefox

Répondre

Questions connexes