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
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,901
    Đã được thích:
    1,199
    Đ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

    Last edited by a moderator: 12/8/15