1 replies
  • WEB DESIGN
  • |
Hey I have an image and I want it to be the background (it is a screenshot) so it will act sort of like an iframe. I dont want to use an iframe because i want to put a popup on the click of the image.

My question is, how do you make the image resize with the users screen size? So it looks realistic.
#html #quick
  • Profile picture of the author hmdadou
    just a crude idea.
    you could use a css something like this.

    body {
    background-image:url(../images/yourimage.jpg);
    background-repeat:repeat-x;
    background-position:top;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    min-height: 100%;
    width:100%;
    }

    now you have a full image in your backgound page the bigger the image the better so it will not tiles up when the screen resolution is bigger something like 1600px, make sure you optimize your image for loading purposes.
    Hope is this what you want
    {{ DiscussionBoard.errors[2248866].message }}

Trending Topics