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,567
    Đã được thích:
    1,111
    Đ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


Chủ để tương tự : hình ảnh
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Thêm figure và figcaption cho hình ảnh trong ckeditor như thế nào? 17/11/20
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 CSS hình học Shipes thoi vuông chữ nhật tam giác lục giác ngôi sao trái tim 19/9/20
Ngôn ngữ lập trình CSS, HTML, HTML5 Button html5 css rhombus hình thoi, bầu dục cơ bản 9/9/20

Like và Share ủng hộ ITSEOVN