Phần tử không xuất hiện trong IE7 cho đến khi tôi chỉnh sửa nó thông qua Thanh công cụ dành cho nhà phát triển

Question

Điều này làm tôi bối rối - Tôi có một phần tử trên trang của tôi với vị trí tuyệt đối bên trong một vùng chứa có vị trí tương đối. Trong tất cả các trình duyệt ngoại trừ IE7, nó xuất hiện ở vị trí chính xác mà không có vấn đề gì cả.

Trong IE7, nguyên tố này không xuất hiện cho đến khi tôi thêm hoặc chỉnh sửa bất kỳ thuộc tính CSS của nó trong tab Attributes của Thanh công cụ cho nhà phát triển (ngay cả tài sản mà không có gì để làm với tầm nhìn hoặc vị trí của nó, giống như color) . Một khi tôi làm như vậy, nó sau đó xuất hiện một cách chính xác - và thậm chí còn nhìn thấy được nếu tôi xóa thuộc tính mà tôi vừa thêm (hoặc hoàn tác sửa đổi)!

Đây phải là lỗi hiển thị dành riêng cho IE7, nhưng tôi không thể tìm ra cách nào xung quanh nó - Tôi đã ném float, zoom, v.v. vào lúc vô ích.

Answer 1

Tôi đã khắc phục điều này bằng cách di chuyển phần tử biến mất sâu hơn vào một phần tử con khác. Vì phần tử con được thả nổi, nhưng không có vị trí, phần tử biến mất vẫn được định vị liên quan đến phần tử cha, đó là những gì tôi muốn - nhưng vì lý do nào đó, điều này cũng khiến nó hiển thị trong IE7, được.

Đây là những gì tôi đã gây ra nguyên tố này biến mất (không phải là ID sản):

<div id="parent" style="position: relative;"> 
    <div id="disappear" style="position: absolute; left: -8px; top: -17px;>This element disappears</div> 
</div> 

Đây là những gì làm cho nó xuất hiện:

<div id="parent" style="position: relative;"> 
    <div id="child" style="float: left; width: 340px;"> 
    <div id="disappear" style="position: absolute; left: -8px; top: -17px;">Now this element appears</div> 
    </div> 
</div> 

Floating #parent và cho nó một width (hai cùng một tài sản mà #child có) đã không làm việc, mặc dù - Tôi phải sử dụng một phần tử con riêng biệt. Hoàn toàn kỳ quái, nhưng tôi đoán rằng tôi sẽ đăng bài này trong trường hợp bất kỳ ai khác gặp phải vấn đề tương tự!

Answer 2

Có lạ không khi thanh công cụ phát triển IE kích hoạt nó hiển thị ?!

Tôi đã sửa nó bằng cách thay vì sử dụng vị trí tuyệt đối cho phần tử con bằng cách sử dụng định vị tương đối với lề trái âm để định vị phần tử. Không lý tưởng vì nó làm cho thiết kế trở nên mong manh hơn, nhưng là lựa chọn duy nhất của tôi vào thời điểm đó.