responsive design - css: get white space at bottom and right of main background image on website if resolution falls below 1024 x 786 -


i working on new website work , new css. have created following site:

http://hewdenportal.co.uk/

the problem is, when user resizes window below 1024 x 768 blank white space @ bottom , right of main background image, don't want there because background should set scale 100% width , height.

can please show me going wrong?

my css background image:

header .layer {   width: 100%;   height: 100%;   background: rgba(24, 24, 24, 0.8); } 

change <header style="background-image: url('assets/images/header.png'); <header id="background">

and add following properties:

#background {     width: 100%;     height: 100%;     background-image: url('http://www.hewdenportal.co.uk/assets/images/header.png');     background-size: cover;     position: fixed; } 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -