2011-09-16 66 views
6

IE 9 trên Di chuột qua liên kết, đẩy một số HTML xuống trang. Khi tôi xóa màu khỏiThay đổi màu sắc liên kết di chuột qua liên kết IE9

td.subarea > h2 > a:hover { color: #aa051a; text-decoration: none;} 

sự cố không xảy ra.

Tôi không thể dán tất cả mã ở đây và chắc chắn rằng đây là vấn đề duy nhất đối với trang này. Nhưng có lẽ ai đó ngoài kia đã thấy điều tương tự.

Nó không di chuyển Liên kết (thẻ) xuống trang, toàn bộ bảng chứa bảng di chuyển.

+0

Sẽ phải cung cấp cho chúng tôi nhiều thông tin hơn 1 dòng css chung, có thể có nhiều thứ khiến mã này hoàn toàn không liên quan đến thuộc tính màu đó. – SeventotheSeven

+0

Nếu có điều gì đó di chuyển khi di chuột, thì các thay đổi di chuột đó sẽ làm cho chiều rộng của phần tử thay đổi. Có thể có một sự khác biệt 1px trong một biên giới, hoặc một số văn bản đi rộng hơn một chút, khiến bố cục nổi hoàn hảo pixel đột nhiên bị vỡ, vì bây giờ là 901px thay vì 900px (hoặc bất kỳ thứ gì). –

Trả lời

1

Đảm bảo các thuộc tính kích thước đường kẻ và kích thước phông chữ của bạn giống nhau đối với bình thường và di chuột.

1

Sắp xếp phát hiện sự cố, làm cho bảng ngừng di chuyển. margin-top: -20px. Mặc dù nó olny chuyển xuống khoảng 10px.

Có thể một số vấn đề hiển thị trên IE9. IE7/8 thực sự di chuyển bảng trên tải intial.

Kích thước phông chữ, chiều cao dòng, tất cả css, đều tốt cho liên kết.

Marc B có thể gần với vấn đề của IE hiển thị một cái gì đó sai và cauing phao và như vậy để mess up.

Bây giờ phải bố trí bảng theo phong cách thật với một trang bố cục bảng (ugh, bố cục bảng ghét).

9

Sự cố này dường như xảy ra trong IE9 khi phần tử vùng chứa được đặt thành overflow: auto và có một số hành động di chuột diễn ra trong phần tử con.

Có một giải pháp rất đơn giản khi thêm min-height: 0px vào phần tử vùng chứa, hoạt động.

Lời giải thích chi tiết về các lỗi và giải pháp này có thể được tìm thấy trong liên kết này: http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround

+4

Sự khác biệt rất tinh tế, nhưng 'chiều cao tối thiểu: 0px' được trích dẫn trong câu trả lời này không hiệu quả đối với tôi. Tuy nhiên, 'min-height: 0%' như được trích dẫn trong bài viết được liên kết hoạt động hoàn hảo khi được áp dụng cho phần tử có tràn có kích thước ngày càng tăng. –

0

Đối với tôi, tôi đã phải chỉ định

height:100%; 

Sau đó, tôi đã phải đi trước và chỉ định

width:100%; 

'min-height: 0px' bởi mohitp ở trên đã cho tôi đi đúng hướng.

+1

Bạn đã thử chiều cao tối thiểu: 0% ;? 0px đã không làm việc cho tôi nhưng 0% đã làm. Vấn đề chết tiệt tiếp tục tồn tại trong IE11, quá! – Navarr

+0

Tôi đã không thử điều đó, cũng như tôi không nhớ những gì tôi đã làm việc trên đó đã có vấn đề bây giờ. Tôi thực sự nên thêm một đầu mối cho bản thân mình ở đâu đó. –

Các vấn đề liên quan