Heim > Web-Frontend > HTML-Tutorial > background-size_html/css_WEB-ITnose

background-size_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:35:42
Original
1056 Leute haben es durchsucht

background-image:url(bg.jpg);<br />background-size:cover;/*等比例拉伸 铺满最短边,长边裁剪*/<br />background-size:contain;/*铺满最短边,长边空着*/
Nach dem Login kopieren
background-size: 100% 80px;/*横向铺满,纵向80px*/
Nach dem Login kopieren
background-size:150px 80px;/*横向150px,纵向80px*/
Nach dem Login kopieren
background-size:40% 60%;/*横向40%,纵向60%*/
Nach dem Login kopieren

浏览器的兼容性

支持浏览器:IE(9)、firefox、Chrome、Opera、Safari。

/*Mozilla*/-moz-background-size:auto||<length>||<percentage>||cover||contain;/*Webkit*/-webkit-background-size:auto||<length>||<percentage>||cover||contain;/*Presto*/-o-background-size:auto||<length>||<percentage>||cover||contain;/*W3c*/background-size:auto||<length>||<percentage>||cover||contain;
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage