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

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -