Вопрос по слоям в css. Нужна помощь.

BadBoy
На сайте с 31.01.2005
Offline
308
2447

Приветствую.

Есть сайт, нужно прикрепить картинку к нижней левой части браузера, чтобы она была как бы над сайтом (верхним слоем).

вот картинка:

Сайт помечен как серый квадрат, картинка как красный.

Как лучше реализовать это?

S-seo
На сайте с 25.05.2009
Offline
11
#1

Это вам надо не с помощью CSS делать а DIV-слоем.

SA
На сайте с 12.02.2006
Offline
142
#2

а картинка должна быть приклеена постоянно? т.е. при скролле - должна двигаться?

BadBoy
На сайте с 31.01.2005
Offline
308
#3
S-seo:
DIV-слоем

ну честно говоря по барабану каким, главное сделать :)

seo-alex:
а картинка должна быть приклеена постоянно?

да

seo-alex:
т.е. при скролле - должна двигаться?

нет

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#4

position:fixed; 

IE6 это дело не поддерживает, придётся скриптами эмулировать.

http://htmlbook.ru/css/position.html

BadBoy
На сайте с 31.01.2005
Offline
308
#5

Алексей Барыкин, читал это...

Надо картинку сделать независимым слоем от всего сайта, что бы она сама по себе была...

С тупыми настройками left bottom

чето перечитал все, сделал что бы она была в самом ниу слева, но не получается сделать ее верхним слоем.

MoMM
На сайте с 16.06.2006
Offline
727
#6

float:

z-index:

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#7
BadBoy:
Алексей Барыкин, читал это...
Надо картинку сделать независимым слоем от всего сайта, что бы она сама по себе была...
С тупыми настройками left bottom

чето перечитал все, сделал что бы она была в самом ниу слева, но не получается сделать ее верхним слоем.

http://barykin.com/example/position_fixed.html

BadBoy
На сайте с 31.01.2005
Offline
308
#8

Алексей Барыкин, гг

надо чтобы картинка была статична (стояла на одном месте), чтобы не скролилась

раз IE не поддерживает, есть готовое решение?

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#9
BadBoy:
Алексей Барыкин, гг
надо чтобы картинка была статична (стояла на одном месте), чтобы не скролилась

раз IE не поддерживает, есть готовое решение?

Для IE6 накидал:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script type="text/javascript">
$(window).scroll(function () {
if ($.browser.msie && $.browser.version == 6) {
//код только для ИЕ шестой версии!
$('#test').css("position","absolute");
y = document.documentElement.scrollTop + 500;
if ($('#test').css('top') != (y+'px')) {
$('#test').css('top',y+'px');
}
}
});
</script>

Смотреть там же:

http://barykin.com/example/position_fixed.html

BadBoy
На сайте с 31.01.2005
Offline
308
#10

Алексей Барыкин, не могу понять почему когда я делаю так

position:absolute; bottom:0px; left:0px;

картинка не спускается в самый конец, что не так?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий