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