Как сохранить фоновое изображение на левой нижней части, даже прокручивающей

Я задавался вопросом, существует ли способ сохранить мое фоновое изображение на левой нижней части все время даже если пользовательская прокрутка браузер. Моя текущая CSS может сделать изображение в нижней части браузера, когда сайт загрузился, но если я прокручу браузер, то это все еще останется в том же месте. Я ценю любую справку.

html, body 
{
background-image:url("backgroundBottom.png");
background-position:bottom left;
background-repeat:no-repeat;
background-attachement:fixed;   //I just add this, don't think this would work.
font-family:"Georgia, self";
font-size:"30px";
margin:0px;
height:100%;
text-align:center;
}
9
задан FlyingCat 14 July 2010 в 03:35
поделиться

2 ответа

Вы устанавливаете фон для элементов HTML и BODY.

Код выглядит хорошо, background-attach: fixed - это то, что вам нужно.

Итак, в сокращенном CSS просто напишите

body {
    background: url(backgroundBottom.png) bottom left no-repeat fixed;
}
20
ответ дан 4 December 2019 в 08:50
поделиться

если это фиксированное изображение без повторов, я бы рекомендовал поместить его в собственный тег div, который имеет точно такую ​​же ширину и высоту, что и изображение.

<div id="BackgroundImage"></div>

Затем используйте следующий CSS

#BackgroundImage{position: fixed; width="xx"; height="yy"; bottom:0px; left:0px;}

, явно настроенный в соответствии с вашими потребностями

Основная идея - position: fixed

Создает абсолютно позиционированный элемент, расположенный относительно окна браузера. Положение элемента указывается с помощью свойств «left», «top», «right» и «bottom»

http://www.w3schools.com/Css/pr_class_position.asp

3
ответ дан 4 December 2019 в 08:50
поделиться
Другие вопросы по тегам:

Похожие вопросы: