Dường như có hành vi kỳ quặc trong Chrome 15+ khi sử dụng kết hợp đặc tính CSS này, cụ thể là phần tử bên ngoài có khả năng hiển thị ẩn và cố định vị trí và phần tử bên trong hoàn toàn hoặc tương đối được ghi đè.Có lỗi trong hiển thị CSS của Chrome không?
<html>
<head>
<title></title>
</head>
<body>
<div style="position:fixed;visibility:hidden;">
<div style="position:absolute;visibility:visible;">
<img src="https://www.google.com/intl/en_com/images/srpr/logo3w.png" />
</div>
</div>
<script type="text/javascript">
for(var i=0; i<100; i++) {
document.write("<br />");
}
</script>
</body>
</html>
Đoạn mã trên sẽ tạo ra hình ảnh này khi được cuộn.
Thực tế là cả hai vị trí tương đối và tuyệt đối đều tái tạo hành vi có thể được viết lên thực tế là đối với vị trí tuyệt đối DOM cụ thể này tương đương với vị trí tương đối.
Trong trường hợp đánh dấu này hợp lệ và có hành vi được xác định, điều này trỏ đến lỗi trong trình duyệt/công cụ hiển thị và có vẻ như tối ưu hóa hiệu suất bị lỗi, đặc biệt là hành vi này đã được giới thiệu với Chrome 15 cập nhật.
JSFiddle link kê biếu không của Sparky672
Cập nhật:
Hành vi này đã được báo cáo cho WebKit Bugzilla và dường như rằng changeset đó giới thiệu các lỗi đã được xác định.
Lỗi tồn tại trong 16.0.912.63 m, quá – danjah
Tại sao không có jsFiddle? – Sparky
Nó không xảy ra trong jsfiddle, nhưng tạo một trang web cơ bản, khởi chạy nó và bạn có thể thấy nó – danjah