10/10/2018, 13:33

Hỏi về cách ghi lên file ảnh ?

Chào các bạn !
Các bạn cho mình hỏi mình thấy một số trang mua bán sản phẩm ví dụ : 123mua.vn
mình thấy cái phần chữ % giảm giá (VD: -50%)nằm trong một ô nào đó mà ở dưới
nó các ảnh sản phẩm vẫn hiển thị bình thường.
làm thế nào để làm được như vậy nhỉ ai biết chỉ giúp mình nhé
lambertphoenix viết 15:36 ngày 10/10/2018
Chào bạn, mình xem qua ở 123mua thì thấy rằng họ có 1 div tên là discount-tag. "<div class="discount-tag">-50%</div>" Sau đó họ CSS cho div này thôi.
streampow viết 15:35 ngày 10/10/2018
Cái này không phải là ghi lên file ảnh, sủ dụng thuộc tính z-index ( như kiểu layer) cho thẻ <div style="z-index: 99"> -50%</div>, bạn đặt z-index = 99; nghĩa là nó ở lớp ngoài so với ảnh sản phẩm !
nam0504 viết 15:44 ngày 10/10/2018
Ok, cảm ơn các bạn nhé
lambertphoenix viết 15:36 ngày 10/10/2018
Được gửi bởi streampow
Cái này không phải là ghi lên file ảnh, sủ dụng thuộc tính z-index ( như kiểu layer) cho thẻ <div style="z-index: 99"> -50%</div>, bạn đặt z-index = 99; nghĩa là nó ở lớp ngoài so với ảnh sản phẩm !
Còn phụ thuộc vào index của ảnh nền nữa chữ bạn. Nếu phần giảm giá đặt z-index = 99, thì hình ảnh sản phẩm z-index phải nhỏ hơn 99.
Bài liên quan
0