sách gpt4 ai đã đi

Sự bất thường về bán kính đường viền IE 11 (không xảy ra trong IE 9 và IE 10)

In lại Tác giả: Technical Little Cat Thời gian cập nhật: 2023-10-29 10:06:32 35 4
mua khóa gpt4 Nike

Tôi đã tìm kiếm các vấn đề tương tự liên quan đến border-radius trong IE 11, nhưng chỉ có một cái được tìm thấy trên trang web Microsoft IE DeveloperMô tả những gì tôi đang trải qua kể từ khi "nâng cấp" lên IE 11. Câu trả lời cho bài đăng trong chủ đề đó là đảm bảo DOCTYPE là HTML5 chứ không phải Quirks.

Hiện tại tôi đang hoàn thiện việc thiết kế lại trang web của mình và đúng là nó sử dụng HTML5 và có DOCTYPE chính xác, nhưng tôi vẫn gặp một vấn đề kỳ lạ với border-radius. Hầu như mọi phần tử tôi áp dụng bán kính đường viền đều có độ lệch là 1px. Nếu tôi bỏ chọn border-radius thì vấn đề sẽ biến mất và mọi việc trở nên ổn thỏa, nhưng thật đáng ngạc nhiên là vấn đề này không xuất hiện trong IE 9 hoặc IE 10. Vấn đề này chỉ xuất hiện sau phiên bản IE 11 cách đây vài ngày. Tôi đã thử nghiệm trên Windows 7 với IE 11 và Windows 8.1 với IE 11 và cả hai đều gặp vấn đề.

Ví dụ 1:

Tôi có một cái bán kính đường viền: 5px 0 0 5pxTại đây, tôi áp dụng các phần tử giả riêng biệt :before và :after để có được hình tam giác góc nhọn, nhưng border-radius dường như tạo ra một đường trắng 1px nên nó không còn ngang bằng với phần còn lại của phần tử nữa. Tính năng này từng hoạt động tốt trong IE 8, nhưng hiện không còn hoạt động trong IE 11 nữa. Nếu tôi xóa bán kính đường viền, tam giác giả phần tử sẽ lại bằng phẳng với phần tử.

Ví dụ 2:

cài đặtCác nút liên kết được hiển thị dưới dạng các khối nội tuyến có nền chuyển màu tuyến tính, đường viền đặc màu xanh lam 1px và bán kính đường viền: 4px .Nhưng border-radius lại tạo ra một đường trắng 1px khác bên trong đường viền màu xanh 1px. Bất kể giá trị border-radius nào khác, đường trắng vẫn giữ nguyên, trừ khi border-radius bằng 0.

Ví dụ 3:

Ba Phần tử liên kết được đặt thành hiển thị: khối nội tuyếnhiện hữu

Vị trí tương đối với người khác
Bên dưới nó. đáy
有一个 bán kính đường viền: 4px , Và Các yếu tố trong top
Có bán kính đường viền ở góc trên bên trái và góc trên bên phải (như trong hình). IE 11 hiển thị khoảng cách 1px giữa hai
yếu tố (như được đề xuất bởi chủ đề của người đăng khác được liên kết ở trên). Nhưng nếu border-radius ở dưới cùng
Đặt thành 0 và khoảng cách sẽ biến mất.

Một lần nữa, những trường hợp này không phải là vấn đề trong IE 9 và IE 10; chỉ vì IE 11 mà "khoảng cách 1px" với phần tử border-radius mới xảy ra. Tôi không biết cách sửa nó. Tất nhiên không có trình duyệt nào khác bị ảnh hưởng. Firefox, Safari, Opera và Chrome đều hiển thị tốt.

Bất kỳ sự giúp đỡ nào cũng sẽ được đánh giá cao.

1 Câu trả lời

Theo như tôi biết, trong IE11 bán kính đường viền Có lỗi. Vấn đề bạn mô tả có thể chỉ là một phần của bức tranh lớn hơn. Thông tin thêm .

Liên quan đến lỗi border-radius của internet-explorer - IE 11 (không thấy trong IE 9 và IE 10), chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/20051783/

35 4 0
Công nghệ mèo con
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi