css - Background height in html -


i'm trying setup new bg on website, can't make work. have picture (size 50x2000 px) , want create repeated background. in css used :

#test{ width: 50px; height: 100%; background:url(images/bg.png);  background-repeat:repeat-x; min-width: 100%; position: absolute; } 

and it's partly working, can see bg repeated there problem hight. web browser should squeeze hight of picture fit whole picture in website, , right can see top of picture, it's because picture hight big 2000 px. have change in css code make bg fit in website ?

thanks

update css as

#test { width: 50px; height: 100%; background:url(images/bg.png);  background-repeat:repeat-x; min-width: 100%; position: absolute; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; } 

Comments

Popular posts from this blog

php - Submit Form Data without Reloading page -

linux - Rails running on virtual machine in Windows -

php - $params->set Array between square bracket -