用css控制背景图片大小的方法

时间:2021-08-13 09:09:42

 Google了一下,用css控制背景图片的大小等属性的方法,大家给的建议和方法总是感觉不给力,一般的做法为用css更换背景图片,而我的需求是同一张图片,引入不同的CSS控制其展现。(说明:由于我做了一个嵌入式小板子的web,空间有限,图片又是比较占空间的,又的做到在不同的分辨率终端上展现不同的效果,SO,最好就是只用一张图片,用少量的css去控制其大小。)

在传统的背景图片的做法是用background-image:imgurl,这样是无法控制其大小的(也许是我还没找到方法),所以我的想法是用z-index属性去做背景

demo代码及注释如下:html

 

 

css

login1.css:

 

 

login2.css: