2008-10-26 9 views
1

J'ai essayé de remplacer les paramètres dans la feuille stlyesheet par défaut qui vient avec le plugin jemery simplemodal avec containerCSS qui fonctionne bien dans IE7 mais pas Firefox ou Chrome. Je ne sais pas si c'est un bug ou si je fais quelque chose de mal.SimpleModal containerCSS ne fonctionne pas dans Firefox ou Chrome

Code jQuery:

$(document).ready(function() { 
    $("#ButtonPopup").click(function() { 
     $("#addEditTask").modal({ 
      onOpen: modalOpen, 
      persist: true, 
      containerCss: ({ width: "300", height: "200", marginLeft: "-150" }) 
     }); 
     return false; 
    }); 
}); 

Code HTML:

<button id="ButtonPopup">Popup</button> 
<div id="addEditTask" style="display:none;"> 
    <p>Aliquam nonummy adipiscing augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
    Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada 
    libero, sit amet commodo magna eros quis urna.</p> 
    <button id="ButtonSave">Save</button> 
    <button id="ButtonCancel">Cancel</button> 
</div> 

S'il vous plaît voir this pour une démonstration de travail et zip télécharger du code que vous pouvez tester par vous-même.

Répondre

2

Les navigateurs basés sur Gecko et WebKit aiment vraiment leurs unités. Assurez-vous de toujours dire comment mesurer vos valeurs.

De plus, si vous souhaitez remplacer les styles en ligne d'un fichier css, vous pouvez le faire en ajoutant! Important à la fin de la valeur.

hauteur: 300px! Important;

remplacera les styles en ligne.

À la votre!

0

Je regarderais plutôt jqModal.

Questions connexes