IE11 kết xuất các phần tử với bán kính đường viền không chính xác


2

Internet Explorer 11.0.13 của tôi hiển thị tất cả các phần tử css có bán kính đường viền dương không chính xác: nó hiển thị các đường chéo và các khu vực bóng mờ trên thành phần, đôi khi làm cho nó không thể đọc được. Điều này xảy ra trên tất cả các trang. Nếu tôi đặt bán kính đường viền thành 0 cho các phần tử này, chúng được hiển thị chính xác. Đây là một ảnh chụp màn hình cho thấy sự cố trên trang chủ của Google.

nhập mô tả hình ảnh ở đây

Tôi đã tắt kết xuất GPU, nhưng điều đó không giải quyết được vấn đề. Bất cứ ai có thể đề xuất các giải pháp khác, hoặc ít nhất cho tôi biết hiện tượng này được gọi là gì, để tôi có thể tìm kiếm nó?

Tôi đang sử dụng Windows 8.1 Pro trên HP 840G.

Đã thêm ngày 10 tháng 1 năm 2015:

Đây là một ví dụ nhỏ:

<!DOCTYPE html>
<html>
<head><style>
div {
    width: 50px;
    height: 50px;
    background-color: black;
}
</style></head>
<body>
<div style="border-radius:0px"></div><br>
<div style="border-radius:5px"></div><br>
<div style="border-radius:10px"></div><br>
<div style="border-radius:25px"></div>
</body>
</html>

Điều này ám chỉ như sau: nhập mô tả hình ảnh ở đây


1
Bạn đã thử thiết lập lại IE thông qua "Tùy chọn Internet" chưa?
Kinnectus

Vui lòng gửi html & css của bạn. Bạn cũng có thể thử cách giải quyết trong bài này .
harrymc

1
@ Cʜιᴇ007: có, cũng xảy ra ở chế độ an toàn, cũng như một người dùng khác. Trình điều khiển video được cập nhật.
roelandvanbeek

1
@EricF: Tôi ước tôi biết cách thu hẹp nó - nếu chỉ có ai đó có thể cho tôi biết cách mô tả vấn đề này ... Dù sao, nó không xảy ra trong các trình duyệt khác, chỉ có IE. Nó cũng xảy ra trong giao diện Skype trong Metro, nhưng tôi nghĩ ứng dụng chạy trên HTML5 và IE đang hiển thị nó.
roelandvanbeek

2
@harrymc Xin lỗi, có lẽ tôi đã không làm rõ rằng điều này xảy ra trên bất kỳ trang nào, đối với bất kỳ yếu tố nào có bán kính đường viền khác không. Dù bằng cách nào, theo yêu cầu của bạn, tôi cũng đã thêm một ví dụ cho câu hỏi.
roelandvanbeek

Câu trả lời:


4

Đây là một lỗi trong IE11 được báo hiệu nhiều lần trong Microsoft Connect, nhưng có vẻ như Microsoft không hiểu nó.

Tôi đã có thể khôi phục hiển thị chính xác bằng cách thêm dòng sau vào tiêu đề:

<meta http-equiv="X-UA-Compatible" content="IE=10" />

Điều này đặt IE11 vào chế độ tương thích IE10, trong đó bán kính đường viền được hiển thị chính xác:

hình ảnh


Cảm ơn, điều này dường như chỉ vào một cái gì đó. Nhưng điều đó có nghĩa là tôi phải xem tất cả các trang web trong chế độ tương thích?
roelandvanbeek

Rõ ràng là như vậy, cho đến khi Microsoft sửa lỗi. Hoặc sử dụng một trình duyệt khác (với số lượng rủi ro bảo mật được phát hiện mỗi năm trong IE, là IMHO một giải pháp tốt hơn).
harrymc

Tôi đang sử dụng Chrome cho hầu hết các mục đích, nhưng vì một số ứng dụng Windows (như Skype) đang sử dụng IE, tôi không có lựa chọn nào cho chúng. Bạn có tình cờ có thể chỉ ra một báo cáo lỗi không?
roelandvanbeek

1
Vâng, ví dụ cái này và cái kia .
harrymc

1

Vô hiệu hóa Chế độ xem tương thích của IE11 có thể giúp:

  1. Alt+ Thoặc Cài đặt (biểu tượng bánh răng)
  2. Chọn Compatibility View Settings
  3. Bỏ chọn Display intranet sites in Compatibility Viewhộp kiểm
  4. Khởi động lại IE11

Để biết thêm chi tiết, hãy xem bài viết Khắc phục: Bán kính viền CSS không hoạt động trong Internet Explorer 11 .


Không sửa nó, thật không may.
roelandvanbeek

Câu hỏi của bạn là từ hơn một tháng trước. Bạn đã cập nhật từ đó và đã sửa nó chưa?
Bóng tối

Tôi đã gặp sự cố trong một năm nay, không có bản cập nhật nào khắc phục được.
roelandvanbeek

0

Hãy thử xóa bộ nhớ cache.

Đi vào IE và nhấn ctrl+ shift+ delete.

Sau đó đánh dấu / bỏ chọn các ô sau, như trong hình.

Ấn vào đây

Sau đó đợi nó xóa tất cả các tệp này (có thể mất một hoặc hai phút) và khi hoàn tất, hãy làm mới trang.


Không sửa nó. Tôi nghĩ đó là một cái gì đó "cơ bản" hơn thế này, một cái gì đó liên quan đến kết xuất.
roelandvanbeek

0

Vì nó đang xảy ra trong Skype cũng như IE, tôi sẽ xem xét cài đặt css của bạn vì nó chạy nhiều phần của Skype và có thể có thể được sử dụng trên trang web của Google như bạn đã hiển thị. Nếu điều này không giải quyết được thì tôi sẽ kiểm tra card màn hình của bạn trong một máy tính khác để xem liệu vấn đề tương tự có xuất hiện không. Nếu vậy, tôi sẽ nghi ngờ card màn hình là xấu.

Từ trang hỗ trợ của Skype:

There are a few solutions to this problem. 
You can either revert your .css settings to the Windows default by applying a registry patch, patch the 
Skype local web page, or downgrade to Skype 6.9 or below.  Hopefully the problem will be addressed in a 
future release.


.css registy patch
http://community.skype.com/t5/Windows-desktop-clie​nt/Skype-6-10-0-104-BIG-Login-screen-problem/m-p/2​...

-- or --

Skype local web page patch (location: the index.html @ %programdata%\Skype\Apps\login\)
http://community.skype.com/t5/Windows-desktop-clie​nt/Skype-UI-issues-after-updating-to-6-10/m-p/2114​...

Tôi biết điều này chỉ dành cho skype nhưng nếu có gì đó không đúng với cài đặt css của bạn, nó cũng sẽ ảnh hưởng đến các trang web của bạn vì nhiều yếu tố như các nút (như bạn đã hiển thị) được hiển thị bằng css.

Hy vọng điều này sẽ giúp một số!


Cảm ơn, nhưng đây là giao diện người dùng Skype Desktop, tôi đã nói về Giao diện người dùng hiện đại. Vấn đề giống như trong các ví dụ trong câu hỏi của tôi, không phải là CSS bị thiếu hoàn toàn.
roelandvanbeek

0

Tôi đã gặp vấn đề tương tự trong IE 11, Edge và Firefox 57.0 (64-bit), sau khi nâng cấp Windows 8 lên Windows 10. Cuối cùng, việc cập nhật trình điều khiển card đồ họa đã khắc phục sự cố.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.