Здравствуйте!
Плиз, помогите мне решить проблему.
Дизайн сайта требует, чтобы было 2 background-а(BG).
1ый BG(bg-pic.png), будет scalable,т.е. чтобы внезависимости от разрешения экрана, он полность был виден.
2ым BG(bg-2d.png), будет прозрачная .PNG-шка, но не масштабируемая(она будет как pattern), и чтобы она накладывалась поверх 1ого BG.
Вся эта задача очень хорошо решается с помощью CSS.Вот код:
-- CSS ------------------
.c1 {width: 100%;height: 100%;z-index: 0;} /* 1st BG */ .c2 {background-image: url(bg-2d.png);z-index: 1; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /* 2nd BG */
-- HTML ------------------
<html> <head> <link href="test.css" type="text/css" rel="stylesheet"> </head>
<body background="bg-test.png" leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0>
<div class="c1"><img src="bg-pic.png" width="100%" height="100%" /></div> <div class="c2" />
</body> </html>
Всё было бы очень замечательно, если бы не IE(6.0), который в отличии от мозиллы, делает не нужный мне scroll-bar, и показывает ещё в добавок пару пикселей HTML-ного BG(bg-test.png).
Вопрос заключается в том, чтобы избавится от причуд IE.
Заранее спасибо.
|