html - Add Dark Background Cover to Existing Website -
i building website , add dark semi-transparent background image cover background when user filling out form. wondering how current implementation not working.
currently, when trying implement it, semi-transparent background not horizontally stretch entire width of page, , seems create unwanted chunk of vertical space @ bottom of page. existing solution involves creating div , using position:relataive; top:-1100px; left:0px;
place div want.
on website, semi-transparent background located on fourth , last page named 'find us'. clicking on tassel labeled 'feedback' reveal form. currently, difficult read form because of busy background, wanted use semi-transparent background cover 'blur' out on current page except form.
demo of before attempted add semi-transparent background: http://www.sfu.ca/~jca41/stuph/it/website01/template.html
demo of after attempt of adding semi-transparent background: http://www.sfu.ca/~jca41/stuph/it/website02/template.html
change css #cover
:
#cover { position:absolute; top:0px; left:0px; }
Comments
Post a Comment