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