cuốn sách gpt4 ai đã làm

Hình dạng CSS trên tab điều hướng

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 07:10:20 26 4
mua khóa gpt4 Nike

Tôi muốn tạo ra thiết kế sau đây. "mới" ở đầu tab kế hoạch. Các thuộc tính tôi đang sử dụng hoạt động tốt trong chrome và mozilla nhưng không hoạt động trong Edge.

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

Dưới đây là các kiểu tôi đã áp dụng trong chrome:

a.subnav__items{
đệm-trái: 15px !quan trọng;
&::sau đó {
nội dung:"MỚI";
display: block;
màu:#FFF;
cỡ chữ: 8px;
vị trí: tuyệt đối;
màu nền:#D61800;

@supports ( clip-path:polygon(0 0) ) hoặc ( -webkit-clip-path:polygon(0 0) ){
biến đổi: xoay (-50deg);
chiều rộng: 40px;
trên cùng: 6px;
trái: -11px;
clip-path:đa giác (60% -65%,100% 87%,0 91%,7% 74%);
-webkit-clip-path:đa giác(60% -65%,100% 87%,0 91%,7% 74%);
}

}

Đánh dấu phong cách là như thế này:

    

Cùng một phong cách tạo ra những kết quả khác nhau trong ME. Thuộc tính Clip-path dường như không hoạt động trong Edge vì nó chưa được hỗ trợ.

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

Có cách nào tốt hơn để đạt được điều này? Tôi đã bị mắc kẹt về vấn đề này một thời gian.

câu trả lời hay nhất

Chỉ cần vào new Thêm nó vào thẻ cha của thẻ overflow:hidden;

Về hình dạng CSS trên tab điều hướng, 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/51240319/

26 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress