Я задавался вопросом, существует ли способ сохранить мое фоновое изображение на левой нижней части все время даже если пользовательская прокрутка браузер. Моя текущая 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;
}
Вы устанавливаете фон для элементов HTML и BODY.
Код выглядит хорошо, background-attach: fixed - это то, что вам нужно.
Итак, в сокращенном CSS просто напишите
body {
background: url(backgroundBottom.png) bottom left no-repeat fixed;
}
если это фиксированное изображение без повторов, я бы рекомендовал поместить его в собственный тег div, который имеет точно такую же ширину и высоту, что и изображение.
<div id="BackgroundImage"></div>
Затем используйте следующий CSS
#BackgroundImage{position: fixed; width="xx"; height="yy"; bottom:0px; left:0px;}
, явно настроенный в соответствии с вашими потребностями
Основная идея - position: fixed
Создает абсолютно позиционированный элемент, расположенный относительно окна браузера. Положение элемента указывается с помощью свойств «left», «top», «right» и «bottom»