Jump to content
  • 0

нужно ли при указывании позиционирования фона уточнять "позишн абсолют"?


Serg55
 Share

Question

Здравствуйте.

Подскажите, почему когда я написал стиль

body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;},

рисунок почти полностью уползал наверх и я видел только его самый нижний кончик. И только уточнение position:absolute, то есть, полная запись

body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;position:absolute;}

поставило всё на свои места.

Но ведь в

http://htmlbook.ru/css/background-position

ни слова не сказано, что нужно уточнять - позишн абсолют.

Браузер Опера11. Проверял и в Лисе.

Edited by Serg55
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Проблема в том, что изначально элемент body пустой, а значит его высота тоже 0. Твой рисунок прижимается к нижнему края элемента с нулевой высотой. Чуешь, куда ветер дует?

Link to comment
Share on other sites

  • 0

значения выделенный жирным

background:url(2afdf8df17cd.jpg) left bottom no-repeat;

влияют только на расположение фонового изображения примененного для селектора.

а вот правило

position:absolute;

применяется непосредственно к самому селектору и меняет режим его позиционирования относительно остальных элементов, а так же документа в общем.

Это разные правила и никак не пересекаются. В поставленной задаче требуется другое решение.

Покажи что нужно сделать и выложи в интернет что уже сделал, будем смотреть

Link to comment
Share on other sites

  • 0

Проблема в том, что изначально элемент body пустой, а значит его высота тоже 0. Твой рисунок прижимается к нижнему края элемента с нулевой высотой. Чуешь, куда ветер дует?

О, да, начинаю кажется понимать. :rolleyes:

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

А когда мы указываем позишн абсолют, мы даём понять, что хотим позиционироваться относительно верхнего левого угла окна НЕЗАВИСИМО от наполнения/ненаполнения боди.

Покажи что нужно сделать и выложи в интернет что уже сделал, будем смотреть

Да так, балуюсь.

Постигаю азы вёрстки. Хотя соблазн начать с Джумлы очень велик. :unsure:

Хотя нет, пардон.

В интернет эксплорере6

body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;}

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

А вот в Опере11 и в Мозилле Файерфокс от рисуночка остаётся только нижний краешек, он почти полностью уползает вверх.

Edited by Serg55
Link to comment
Share on other sites

  • 0

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

А вот в Опере11 и в Мозилле Файерфокс от рисуночка остаётся только нижний краешек, он почти полностью уползает вверх.

Добро пожаловать в страну "кроссбраузерности", солдат :devil:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy