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.
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ợ.
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.
Chỉ cần vào new
Thêm nó vào thẻ cha của thẻ overflow:hidden;
Tôi là một lập trình viên xuất sắc, rất giỏi!