CSS и другой размер монитора?

Question

Я делаю веб-сайт (WIP). Я встретился с некоторыми проблемами CSS, надежда Вы, парни могут помочь мне.

Моя текущая ситуация:

Я имею, изображение, позволяет, назвал это "bg.png" с шириной, приблизительно 2500 пкс, и в центре фонового изображения имеют мой логотип.
Мой веб-сайт должен предназначаться для всего размера (от маленького 800 x 600 до 2400 x XXX) пользователи.

Мои проблемы:

Как я централизую фоновое изображение (bg.png), так, чтобы логотип всегда располагал в в центре (горизонтально) другого размера экрана мониторов?

6

задан abatishchev 11 June 2010 в 07:33

4 ответа

#your_img {

   position: absolute;
   left: 50%;
   margin: -1250px;
}

Это решение необходимо, когда вы помещаете элемент img на другой бокс. Но будьте осторожны - это может изменить размер родительского бокса.

0

ответ дан 17 December 2019 в 07:00

Если бы это был просто файл логотипа, вы могли бы использовать

<style>
img
{
    position:absolute;
    left:-50%;
    top:-50%;
    z-index:-1;
}
</style>

0

ответ дан 17 December 2019 в 07:00

#your_img {
  width: 2500px; //In example 2500px
  margin: 50%;
  padding: -1250px; // 2500 divided by 2
}

Возможно, это не работает в Internet Explorer, но вы можете использовать небольшой хак с position: absolute, как указано выше

0

ответ дан 17 December 2019 в 07:00

Другие вопросы по тегам: