Jump to content
Please Use CODE Tags

How to make background image stay the same size on zoom in and out

Fredrikmikael
By Fredrikmikael
in Programming
 Share
Go to solution Solved by Fredrikmikael,

 

Fixed it

 

 

body 
{   
    background-image: url('images/cswp.jpg');
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-size: contain;
    -moz-background-size: contain;
}

 

 

body 
{   
background-image: url('images/cswp.jpg');
background-attachment: fixed;
background-size: cover;
}
Posted

how can i make the background image stay the same size when i zoom out and zoom in, like it doesnt zoom in and out on the background image just the page.


Sjovegan-ikt.no

 

that is the website

 

and here is the code for the background image

 

body {
    background-image: url(images/cswp.jpg);
}

System

Spoiler

CPU: Intel Core i7 5820K @4.5GHz - 1.230v  RAM: HyperX Fury DDR4 4x4GB 2666MHz  MB: MSI X99S SLI PLUS  CASE: NZXT H440  CPU-COOLER: Fractal Design Kelvin S24  PSU: Corsair RM1000W w/ white sleeved cable kit  GPU: MSI GeForce RTX 2070 ARMOR  MONITOR: LG 27GL850-B  STORAGE: Samsung 970 EVO 1TB M.2, Samsung 840 EVO 256GB,  WD Red 3TB

 

 

 

 

 

 

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author

Fixed it

 

 

body 
{   
    background-image: url('images/cswp.jpg');
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-size: contain;
    -moz-background-size: contain;
}
 

System

Spoiler

CPU: Intel Core i7 5820K @4.5GHz - 1.230v  RAM: HyperX Fury DDR4 4x4GB 2666MHz  MB: MSI X99S SLI PLUS  CASE: NZXT H440  CPU-COOLER: Fractal Design Kelvin S24  PSU: Corsair RM1000W w/ white sleeved cable kit  GPU: MSI GeForce RTX 2070 ARMOR  MONITOR: LG 27GL850-B  STORAGE: Samsung 970 EVO 1TB M.2, Samsung 840 EVO 256GB,  WD Red 3TB

 

 

 

 

 

 

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author
  • Solution

 

Fixed it

 

 

body 
{   
    background-image: url('images/cswp.jpg');
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-size: contain;
    -moz-background-size: contain;
}

 

 

body 
{   
background-image: url('images/cswp.jpg');
background-attachment: fixed;
background-size: cover;
}

System

Spoiler

CPU: Intel Core i7 5820K @4.5GHz - 1.230v  RAM: HyperX Fury DDR4 4x4GB 2666MHz  MB: MSI X99S SLI PLUS  CASE: NZXT H440  CPU-COOLER: Fractal Design Kelvin S24  PSU: Corsair RM1000W w/ white sleeved cable kit  GPU: MSI GeForce RTX 2070 ARMOR  MONITOR: LG 27GL850-B  STORAGE: Samsung 970 EVO 1TB M.2, Samsung 840 EVO 256GB,  WD Red 3TB

 

 

 

 

 

 

Link to comment
Share on other sites
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing Programming

×