Как закрепить изображение в определенном месте?
Подскажите, пожалуйста, как закрепить изображение, примерно как здесь, только чтобы при прокрутке оставалась на месте.
http://webmaster-html.ucoz.ru/publ/h...sajte/3-1-0-21 |
<style>
html{
height: 600px;
}
img{
position: fixed;
top: 10px;
left: 10px;
}
</style>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
|
<body style="height:1000"><!-- Это для теста --> <!-- Код --> <div style="position: fixed; top: 20%;left:240px;"> <img src="http://sasha7294.narod2.ru/WEB/107439.png" border="0"/> </div> |
эм...я, походу, неправильно объяснил) мне нужно, чтобы изображение оставалось на определенном месте на странице и чтобы при прокрутке вниз оно оставалось наверху. как обычная вставка изображения только чтобы ложилось поверх всего и не зависело от других объектов, как с fixed, только без перемещения при прокрутке.
|
position:absolute ?
|
<body style="height:1000"><!-- Это для теста --> <!-- Код --> <div style="position:absolute;z-index:10000;top:100px;margin-left:240px;"> <img src="http://sasha7294.narod2.ru/WEB/107439.png" border="0"/> </div> |
Точно! absolute. вроде пробовал его использовать не получалось, наверное, что-то не то написал) а сейчас работает как надо. Большое спасибо!)
|
оказывается не все так просто, этот метод подходит только для одного разрешения. а возможно ли под все разрешения разместить изображение в нужном месте? например, чтобы выравнивание задавалось не от края экрана, а допустим, от указанного элемента страницы?
|
<body style="height:1000"><!-- Это для теста --> <!-- Код --> <div style="height:100px;width:200px;border:red 1px solid;">Опорный</div> <div style="position:absolute;z-index:10000;margin-top:140px;margin-left:240px;border:green 1px solid;"> <img src="http://sasha7294.narod2.ru/WEB/107439.png" border="0"/> </div> |
Deff,
спасибо) долго сидел думал чем ваш код отличается от моего, оказывается в margin дело, теперь буду знать) |
| Часовой пояс GMT +3, время: 19:53. |