html - Background Image Stretch On Homepage -
i'm trying make background image on homepage stretch across whole page, i'm having difficulties doing because when try , re-size window becomes smaller?
this code:
<style type="text/css"> body{ background: url(img/phantom410.jpg); repeat-y; background-size:cover; background-color:black; } </style>
is there way can image website homepage , stretch across whole page twitter background image; not have shrink once starts getting smaller? thanks!
body { background: url(https://css-tricks.com/examples/fullpagebackgroundimage/images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } h1{ color:#fff; }
<html> <head> <title>full background</title> </head> <body> <center><h1>full background image</h1></center> </body> </html>
Comments
Post a Comment