Textarea trong IE7 biến mất trên chuột qua

Question

Tôi có loại trang nhập dữ liệu lớn này, một loại bảng bố cục bằng cách sử dụng div. Mỗi hàng có subrows có thể được bật/đóng. Chuyển đổi được kích hoạt bằng cài đặt hiển thị css. Mỗi "ô" của bảng có một hình ảnh nhỏ ở góc của nó, bạn bấm vào hình ảnh, và một cửa sổ bật lên mở ra cho phép bạn ghi chú vào mục nhập.

Cửa sổ bật lên này có vùng văn bản và một bộ hộp kiểm, cùng với nút (loại đầu vào = gửi, tôi nghĩ). Cửa sổ bật lên là khung nội tuyến được lồng trong một div ẩn.

Trong IE7, khi bạn đã mở iframe ghi chú này và cuộn trang xuống, di chuột qua vùng văn bản của cửa sổ bật lên sẽ biến mất và hiển thị nội dung trang bên dưới nó. Các hộp kiểm cũng hiển thị trang bên dưới khi bạn di chuột qua.

Vì vậy, tôi đã thử một vài bản sửa lỗi khác nhau. Z-index là những gì tôi đã hy vọng có thể được sử dụng để sửa lỗi này. không may mắn như vậy. Tôi có thể thử thay thế vùng văn bản bằng kiểu nhập văn bản thuần túy = văn bản nhưng vì các hộp kiểm cũng hiển thị lỗi này, tôi nghi ngờ đầu vào văn bản một dòng cũng sẽ gây ra lỗi.

Answer 1

ngoài để ngăn chặn các yếu tố z-index làm việc cho tất cả các yếu tố đó có những gì IE gọi hasLayout read more

Answer 2

Nếu tôi nhớ đúng công việc của Z-Index trên các phần tử khối được đặt hoàn toàn. Vì vậy, hãy thử đặt vị trí của hộp bật lên thành tuyệt đối và sau đó thử chỉ mục z. Nếu bạn cần cửa sổ bật lên ở một vị trí nhất định, hãy đặt phần tử bao gói thành vị trí tương đối. Tôi đã gặp vấn đề này trước đây, và tôi tin rằng tôi đã giải quyết nó theo cách tôi đã mô tả.

Answer 3

Cách đơn giản nhất để kích hoạt hasLayout (đề cập trong bài khác) là thêm zoom: 1.

Khi gỡ lỗi một số vấn đề hiển thị dumbest IE 6/7 tôi sẽ đôi khi chỉ cần đổ một tạm thời

* { 
    zoom: 1; 
} 

đến CSS của tôi và xem nếu thay đổi bất cứ điều gì. Nếu có, tôi bắt đầu chọn lọc thêm nó vào các phần tử bắt đầu bằng phần tử, phụ huynh/con của phần tử, v.v.

zoom chỉ được hỗ trợ bởi IE, vì vậy nó khá "an toàn" trong tài liệu của bạn. Nó cũng giúp bạn không phải làm bất cứ điều gì điên rồ như các yếu tố định vị hoàn hảo, v.v.

Answer 4

Tôi đã gặp vấn đề tương tự với cả trường nhập và văn bản trong IE7, nhưng chỉ khi tôi cho chúng một chiều rộng.

Tôi không nhớ mình đã lấy nó từ đâu, nhưng tôi đã tìm thấy giải pháp này, nó có thể không rất thanh lịch, nhưng nó đã giải quyết được vấn đề. Chỉ cần thêm:

filter:alpha(opacity=100) 

vào thuộc tính phong cách của bạn trong các trường phiền hà.