你的位置:首页 > 软件开发 > 网页设计 > 固定背景图的高度,让宽度自适应

固定背景图的高度,让宽度自适应

发布时间:2016-08-15 18:00:04
将容器的高度固定,宽度设置成百分百,然后将background-size设置成cover。当宽度不够时,背景图的两边会隐藏如下:将class是con的容器高度固定。宽度自适应.con { width: 100%; height: 300px; background: url ...

将容器的高度固定,宽度设置成百分百,然后将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='/images/loading.gif' data-original='image/vpb_intro/introduce_9.png', sizingMethod='scale');}

原标题:固定背景图的高度,让宽度自适应

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录