Tôi có một DIV có kích thước 147x88 và bên trong nó là một hình ảnh có cùng chiều rộng, nhưng có thể có chiều cao lớn hơn. Trong trường hợp này, hình ảnh vượt quá ranh giới của DIV. Có anyway để clip hình ảnh, ghi nhớ rằng tôi muốn trang của tôi để làm việc trong các trình duyệt cũ mà không hỗ trợ CSS3 (IE7 và IE8)?Nội dung bên trong của Clipping div
Chỉ cần ẩn tràn của div và hình ảnh chứa sẽ bị cắt theo kích thước của div.
div{width: 147px; height: 88px; overflow: hidden;}
div { width: 147px; height: 88px; overflow: hidden; }
question Điều này cho thấy làm thế nào để có được kích thước của hình ảnh sử dụng JQuery. Bạn có thể có một khối nhỏ kiểm tra kích thước của hình ảnh khi tải trang và đặt kích thước của DIV cho phù hợp.
Set overflow:hidden; trên div:
#yourDiv {
width:147px;
height:88px;
overflow:hidden;
}
'overflow: hidden' làm việc cho nội dung tĩnh. Tuy nhiên, nếu bạn đang làm động nội dung bên trong div thì sao? Các overflow hủy trong khi nó hoạt hình và sau đó trở lại khi các hình ảnh động được thực hiện. Bất kỳ cách giải quyết nào? – Pyroglyph