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
Post a Comment