Fix hình ảnh đúng full theo kích thước của thẻ div khi hình ảnh gọi trong class div

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi admin, 1/8/13.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,360
    Đã được thích:
    999
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Để fix được bạn khai báo thêm vào class css của thẻ div chứa hình ảnh:
    Mã:
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover;
      background-size: cover;
    VD:
    Mã:
    .disable {
    background: url("../Images/completed_disable.png") no-repeat scroll center center transparent;
        color: #616161;
        font-size: 18px;
        font-weight: bold;
        height: 52px;
        left: 775px;
        padding: 0 0 0 25px;
        position: absolute;
        top: -5px;
        width: 360px;
    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    Hình ảnh của tôi có kích thước 40 x 300

    Khi fix trên class với chiều cao 52 thì chiều rộng phải dài 360 mới đủ.

    Chúc bạn thành công
     
    Cảm ơn đã xem bài:

    Fix hình ảnh đúng full theo kích thước của thẻ div khi hình ảnh gọi trong class div

    danh sách diễn đàn rao vặt gov chất lượng
    Last edited by a moderator: 12/8/15


Chủ để tương tự : hình ảnh
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Bài 2: Xử lý hình ảnh(IMG), đường dẫn(URL) trong HTML5 1/12/15
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính canh dọc trong css, canh dọc cho chữ và hình ảnh trong css 11/9/14
Ngôn ngữ lập trình CSS, HTML, HTML5 Canh giữa thẻ div, img, text trong CSS mã HTML như thế nào 29/7/18
Ngôn ngữ lập trình CSS, HTML, HTML5 Hướng dẫn chuyển psd thành html dùng bootstrap 13/5/15
Ngôn ngữ lập trình CSS, HTML, HTML5 Các thẻ H1, H2,.. không có đường viên xung quanh(margin) 18/10/13

Like và Share ủng hộ ITSEOVN