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

Python Kivy ListView: How to delete selected ListItemButton? -

asp.net mvc 4 - A specified Include path is not valid. The EntityType '' does not declare a navigation property with the name '' -