background-size_html/css_WEB-ITnose
程序员文章站
2022-05-16 22:54:29
...
background-image:url(bg.jpg);
background-size:cover;/*等比例拉伸 铺满最短边,长边裁剪*/
background-size:contain;/*铺满最短边,长边空着*/
background-size: 100% 80px;/*横向铺满,纵向80px*/
background-size:150px 80px;/*横向150px,纵向80px*/
background-size:40% 60%;/*横向40%,纵向60%*/
浏览器的兼容性
支持浏览器:IE(9)、firefox、Chrome、Opera、Safari。
/*Mozilla*/-moz-background-size:auto|||| ||cover||contain;/*Webkit*/-webkit-background-size:auto|| || ||cover||contain;/*Presto*/-o-background-size:auto|| || ||cover||contain;/*W3c*/background-size:auto|| || ||cover||contain;
推荐阅读
-
同一个表单,根据单击的按钮跳转到不同的页面_html/css_WEB-ITnose
-
使用css3背景渐变中的透明度来设置不同颜色的背景渐变_html/css_WEB-ITnose
-
css水平居中那点事_html/css_WEB-ITnose
-
请问下,webapp里面长按页面弹出来的菜单可以隐藏或者更改么_html/css_WEB-ITnose
-
网页总是有上边距,且JS脚本只能用于IE_html/css_WEB-ITnose
-
请问如何实现table的外框和内框线的粗度不同??_html/css_WEB-ITnose
-
浏览器地址栏网址始终只显示主域名问题_html/css_WEB-ITnose
-
求高手,模仿百度页面,页面缩小之后为什么排版都变了,应该怎样布局才不会乱!_html/css_WEB-ITnose
-
使用checkbox实现纯CSS下拉框_html/css_WEB-ITnose
-
30 套精美免费的 bootstrap 模板_html/css_WEB-ITnose