你的位置:首页 > 网页设计

[网页设计]固定背景图的高度,让宽度自适应


将容器的高度固定,宽度设置成百分百,然后将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');}