jquery - How to prevent a background gradient from starting all over? -


i have simple web site articles/cards on it. background use gradient.

body, html {     height:100%;     padding:10px 0 0 0;     margin:0;     background: #99b8cc;     background: linear-gradient(to top, #c8dae6 33%, #99b8cc 100%);     font-family:'open sans', sans-serif;     height: 1000px;     max-width: 1000px;     /*overflow-y: scroll;*/ } 

it's fine! upon clicking on card, expands, increases overall page height. when reaching "first 100% height", background gradient starts on again.

enter image description here

how can prevent starting on again? gradient should use "new" 100% page height.

jquery used on page, if helps.

your height first defined 100%, after, redefine height: 1000px;, , override first one.

just remove height: 1000px; solve that.

or maybe, need rule: min-height: 1000px; (instead of height: 1000px;) depending on trying do.


Comments

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -