Изображение внизу страницы не должно переопределяться контентом

Question

У меня есть изображение в нижней правой части веб-страницы. и у меня есть таблица контента в верхней части страницы. Если размер таблицы содержимого увеличивается, он отображается в верхней части моего изображения.

Есть ли способ отображения изображения все время [даже с полосами прокрутки] даже при увеличении размера таблицы содержимого.

Заранее спасибо

Answer 1

Вы можете использовать z-index? Проблема заключается в том, что после того, как вы разместили изображение, оно больше не влияет на макет вашей страницы ... текст будет отображаться сверху. Возможно, вы могли бы попытаться отобразить: block; и поместите его в div под своим текстом, а затем плавайте?

Answer 2

Если вы хотите, чтобы изображение отображалось в любое время, независимо от прокрутки, это звучит так, будто вы описываете фиксированное изображение.

Вы можете использовать CSS код, подобный этому, где #myImage является DIV, который содержит ваше неподвижное изображение:

#myImage 
    { 
    position:fixed; 
    width:200px; 
    height:200px; 
    right:0px; 
    bottom:0px; 
    }