pourquoi IE8 ajoute-t-il un style de visibilité: caché à mon tag de sélection?

J'ai un problème étrange avec une liste déroulante simple ne s'affiche pas dans IE8. Cela fonctionne bien dans FF, Chrome et IE8 en mode de compatibilité. C'est dans un accordéon scriptaculeux, mais l'accordéon semble bien fonctionner. Il n'y a pas d'erreur non plus. La liste déroulante ne s'affiche tout simplement pas. Je pensais que cela pouvait être causé par le fait d'être nommé «ordre par», alors j'ai essayé de changer ça, mais ça ne s'affichait toujours pas. Voici l'extrait lorsqu'il est vu avec une source de vue (voir après pour la chose étrange):pourquoi IE8 ajoute-t-il un style de visibilité: caché à mon tag de sélection?

<form action="/foo" method="get"><input type="hidden" id="start_date" name="start_date" value=""/> 
<input type="hidden" id="end_date" name="end_date" value=""/> 
<div id="control"> 
    <div id="accordion"> 
     <div class="accordion-title"><img alt="Application_form" border="0" src="/images/icons/application_form.gif?1277517563" />&nbsp;&nbsp;Formatting:</div> 
     <div class="accordion-body"> 
      <table border="0" width="100%"> 
       <tr> 
        <td width="30%">Order By</td> 
        <td> 
         <select name="order_by"> 
          <option value="dates">Dates</option> 
          <option value="activities">Activities</option> 
         </select> 
        </td> 
       </tr> 
      </table> 
     </div> 
</div> 
</form>

Quand je considérais cela dans l'outil de développement pour IE8, dans la vue HTML, la balise select a été modifié à ceci:

<select name="order_by" style="visibility: hidden;" __msh_save_visibility="inherit">

D'où cela vient-il?

Source

2010-10-05 user26270

Il s'avère que ces styles sont appliqués par le script calendar.js. Il y a des éléments de calendrier après cette balise de sélection dans le formulaire, mais il me semble étrange que ce script change des balises en dehors de l'endroit où se trouvent les objets du calendrier. Je poursuis cela dans une autre question.

Source

2010-10-06 14:55:01 user26270

Utilisez des outils de développement ou un firebug pour vérifier les propriétés css. C'est probablement un problème d'héritage en ce que ff ignore

Source

2010-10-05 02:30:12

Que rechercherais-je? J'ai regardé le CSS dans les outils de développement d'IE et j'ai remarqué une classe appelée '# plugin-SELECT' qui a été dupliquée dans cette vue, mais pas dans le fichier réel. J'ai essayé de décocher l'un d'entre eux, mais il a décoché les deux. Serait-ce quelque chose comme ça? – user26270

les outils de dev vous permet de voir le css applicable, vous devriez être capable de cliquer sur le elemet dans la source et voir le style css. De cela, vous pouvez probablement identifier les css qui vous donne le problème. –

très étrange: il semble que IE lui-même ajoute un style de 'visibility: hidden' à la balise select; Je peux voir dans l'outil de développement IE8 d'où viennent chacun des styles, et ce style de visibilité cachée n'a pas de feuille de style associée; il a aussi un '__msh_save_visibility =" inherit "' ajouté; J'ai googlé cela mais les résultats sont bizarres – user26270

pourquoi IE8 ajoute-t-il un style de visibilité: caché à mon tag de sélection?

Répondre

Questions connexes