Hello! Consult on the following problem. I want to achieve an effect when, with a large amount of information on the site, when scrolling, the background image seemed to stretch (without distortion) to the height of all the available text, and at the bottom of the page logically ended. For example, how here http://wot.igromania.ru/ Pay attention to the background I have a finished picture for the background (I painted it myself in PS). Its size is quite large. Is it necessary to reduce the size in advance and where it is better to do it: in the code? or directly in the editor (PS). What sizes in the normal range need to be set, what would be on different monitors. And actually how to achieve the effect of such stretching. Cut it into 3 parts, fix the top and bottom, and set the values in the middle depending on the information? then how to get rid of artifacts at the joints?
- In the cap - one background image, and in the basement - the second. The background in the body is color. This is for the site that you cited as an example. - Deonis
|
1 answer
It is necessary to select a seamless background or texture. If you are already using a big picture - process the picture - to the smallest size - but so that it does not take too much quality.
http://htmlbook.ru/css/background-repeat read this I hope will help
soledar10 soledar10
22.4k five 21 51
- THANK!! that is, to take a div for the upper part of the background and fix it, also for the lower part, and for the middle of the div to make it dependent on the amount of information ??? is it really real? because the content of the page itself will be in a separate div. ps. In this case, an amateur, so I apologize if I carry nonsense - Valentine882
- @Valentin882, I got the feeling that your questions are addressed to me, in connection with the comment above. Only for some reason, you wrote the answer here. ) In general, if in one word, then yes. All this refers to the question of "layout", with which, perhaps, you are not even familiar, but would be worth it. But today, it is even more real, because it was possible to do such things with CSS (CSS3, to be more precise). Try searching Google for something on [Multi background] [1] ... [1]: google.com/search?q=Multiple+ background - Deonis
|