I've used the same JPG + PNG trick before with large, transparent background images. Take your large image and cut it up into 2 types of rectangular pieces: Those that don't need transparency (save as JPG) Those that do need transparency (save as PNG) The goal is to get as much image detail as possible saved as JPG Next you'll need to piece everything back together using relative and absolute positioning: div class="bg"> slipsum.com . Bg { width: 600px; /* width of your unsliced image */ min-height: 800px; /* height of your unsliced image, min-height allows content to expand */ position: relative; /* creates coordinate system */ } /* Your site's content - make it appear above the sections */ .
Content { position: relative; z-index: 2; } /* Define the sections and their background images */ . Section { position: absolute; z-index: 1; } .section. Top { width: 600px; height: 200px; top: 0; left: 0; background: url(top.
Png) no-repeat 0 0; } .section. Middle { width: 600px; height: 400px; top: 200px; left: 0; background: url(middle. Jpg) no-repeat 0 0; } .section.
Bottom { width: 600px; height: 200px; top: 600px; left: 0; background: url(bottom. Png) no-repeat 0 0; }.
I've used the same JPG + PNG trick before with large, transparent background images. Take your large image and cut it up into 2 types of rectangular pieces: Those that don't need transparency (save as JPG) Those that do need transparency (save as PNG) The goal is to get as much image detail as possible saved as JPG. Next you'll need to piece everything back together using relative and absolute positioning: slipsum.com .
Bg { width: 600px; /* width of your unsliced image */ min-height: 800px; /* height of your unsliced image, min-height allows content to expand */ position: relative; /* creates coordinate system */ } /* Your site's content - make it appear above the sections */ . Content { position: relative; z-index: 2; } /* Define the sections and their background images */ . Section { position: absolute; z-index: 1; } .section.
Top { width: 600px; height: 200px; top: 0; left: 0; background: url(top. Png) no-repeat 0 0; } .section. Middle { width: 600px; height: 400px; top: 200px; left: 0; background: url(middle.
Jpg) no-repeat 0 0; } .section. Bottom { width: 600px; height: 200px; top: 600px; left: 0; background: url(bottom. Png) no-repeat 0 0; }.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.