Tengo un elemento en mi página que tiene "display: none" y "visibility: hidden" aplicado a él. Sin embargo, IE 7 todavía muestra el elemento. No solo muestra el elemento, cuando abro la barra de herramientas del desarrollador e inspecciono dicho elemento, dice que, de hecho, no se muestra y no es visible.IE 7 muestra oculta y no muestra ninguno Elementos
Además, cuando está en su estado original no puedo usar la herramienta de selector en la barra de herramientas del desarrollador para seleccionar el elemento, hasta que elimine manualmente las reglas "display: none" y "visibility: hidden".
Es como si el IE 7 está interpretando mis hojas de estilo correctamente, pero el motor de renderizado es flagrante ellos ignorando
Aquí está la CSS
.ModalTypeTwo .button-wrapper { display: none; visibility:hidden; }
Ésta es la marca para arriba
<div class="MyModal ModalTypeTwo" id="sb-wrapper" style="top: 20px; width: 926px; left: 328px;">
<div class="footer wrapper">
<div class="corner left"></div>
<div class="corner right"></div>
<div class="button-wrapper" id="btnContents">
<a title="contents" id="sb-nav-button">
<span>Contents</span>
</a>
</div>
<div class="button-wrapper" id="txtContents">
<div id="sb-title">Lorem Ipsum </div>
</div>
<div style="cursor: pointer;" onclick="Modal.next()" class="button-wrapper" id="btnNext">
<a title="Next"><span>Next</span></a>
</div>
<div style="cursor: pointer; display: none;" onclick="Modal.previous()" class="button-wrapper" id="btnPrevious">
<a title="Previous"><span>Previous</span></a>
</div>
</div>
</div>
en cuenta que una la regla anterior debe aplicarse a #btnContents, #txtContents, #btnNext y #btnPrevious, sin embargo, en IE &, solo los 3 últimos están ocultos.
Por favor, replique esto y conéctenos desde jsfiddle. Gracias. –
+ para la replicación en jsfiddle, pero excluir ese jsut publicando los css y html relevantes sería útil. – prodigitalson
¿Hay otros CSS que podrían estar afectando esto? Supongo que tu CSS no tiene solo una línea de longitud. –