IE 7 Hiển thị Ẩn và Hiển thị Không có Phần tử

Question

Tôi có một thành phần trên trang của mình có "display: none" và "visibility: hidden" được áp dụng cho nó. Tuy nhiên, IE 7 vẫn hiển thị phần tử. Nó không chỉ hiển thị phần tử, khi tôi mở thanh công cụ nhà phát triển và kiểm tra phần tử nói nó nói rằng nó thực sự không được hiển thị và không hiển thị.

Hơn nữa, khi ở trạng thái ban đầu, tôi không thể sử dụng công cụ chọn trong thanh công cụ nhà phát triển để chọn phần tử, cho đến khi tôi xóa quy tắc "display: none" và "visibility: hidden".

Đó là nếu IE 7 được giải thích style sheets của tôi một cách chính xác nhưng các công cụ rendering là trắng trợn bỏ qua chúng

Đây là CSS

.ModalTypeTwo .button-wrapper { display: none; visibility:hidden; } 

Đây là dấu ấn lên

<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> 

ý rằng quy tắc trên sẽ áp dụng cho #btnContents, #txtContents, #btnNext và #btnTuyệt vời, tuy nhiên trong IE & chỉ 3 chế độ sau bị ẩn.

Answer 1

http://jsfiddle.net/UugDU/

Tôi thêm một số văn bản bắt đầu và kết thúc chỉ để đảm bảo kết quả được hiển thị.

Tôi không gặp sự cố nào trong IE7. Nó phải là một vấn đề ở một nơi khác trong mã của bạn. Tôi đề nghị bạn bắt đầu với phiên bản đầy đủ của mã của bạn, và cắt nó xuống mức tối thiểu cần thiết để tạo ra lỗi và đăng nó.

Answer 2

Thử áp dụng tràn: bị ẩn; trên ModalTypeTwo. Tôi đã có một vấn đề tương tự trong IE7 và ẩn tràn của phụ huynh cố định nó.