Una Kravets
Mason Freed
Phát hành tính năng định vị quảng cáo cố định cuối màn hình CSS trong Chrome 125. Phiên bản được cung cấp công khai đầu tiên này của API đã kích hoạt các cuộc thảo luận bổ sung về cú pháp . Kết quả của cuộc thảo luận đó là đã có một số thay đổi nhỏ kể từ khi tính năng ra mắt. Nếu bạn đã thử dùng tính năng định vị quảng cáo cố định cuối màn hình (CSS), bài đăng này sẽ giải thích những thay đổi bạn cần thực hiện đối với mã nguồn của mình, hoặc nội dung về việc định vị quảng cáo cố định.
Có hai cách đổi tên thuộc tính chính mà bạn cần lưu ý:
inset-areađổi tên thànhposition-area. Cách đổi tên này được Nhóm làm việc CSS ưu tiên vì cụm từposition-giúp bạn nhớ rằng thuộc tính này được áp dụng cho phần tử đã được định vị, chứ không phải cho phần tử neo. Thay đổi này sẽ bắt đầu trong Chrome 129 vàinset-areađược hỗ trợ cho đến Chrome 131 để bạn có thời gian cập nhật mọi bản minh hoạ hoặc bài viết mà bạn có.position-try-optionsđổi tên thànhposition-try-fallbacks. Việc đổi tên này giúp bạn nhớ rằng đây chỉ là các phương án dự phòng cho vị trí chính, được xác định theo kiểu cơ sở. Thay đổi này đi kèm với Chrome 128 vàposition-try-optionskhông còn hoạt động kể từ phiên bản 128. Bạn nên sử dụng cách viết tắt (đổi thànhposition-try). Đây là cách viết tắt dành cho Chrome 125 và không thay đổi.
Ngoài ra còn có một thay đổi khác về hành vi:
- Cú pháp hàm
inset-area()sẽ bị xoá khỏiposition-try. Do đó, hãy sử dụngposition-try-fallbacks: topthay vìposition-try-fallbacks: inset-area(top). Thay đổi này cũng sẽ bắt đầu trong Chrome 129.
Tìm hiểu thêm về cách sử dụng vị trí neo tại đây: