固定背景圖的高度,讓寬度自適應


將容器的高度固定,寬度設置成百分百,然后將background-size設置成cover。當寬度不夠時,背景圖的兩邊會隱藏

如下:將class是con的容器高度固定。寬度自適應

.con {
    width: 100%;
    height: 300px;
    background: url("image/vpb_intro/introduce_9.png") center center no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/vpb_intro/introduce_9.png', sizingMethod='scale');
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM