Правила форума Гаранты форума
Размещение рекламы AMX-X компилятор

Здравствуйте, гость Вход | Регистрация

Наши новости:

14-дек
Добавлена поддержка utf8mb4
24-апр
Telegram группа
10-апр
Обновление PHP
11-апр
Раздача читов

CSS background-position
Статус пользователя АльТ
сообщение 8.6.2014, 19:25
Сообщение #1


Стаж: 14 лет

Сообщений: 407
Благодарностей: 102
Полезность: 500

Всем привет. Неожиданно открыл для себя, что firefox может что-то криво отображать, конкретно background-position.
Код
background-color: #F0F0F0;
background-image: url(../jpeg.JPG);
background-position: center;
background-repeat: no-repeat;

Слева firefox, справа IE.
Прикрепленное изображениеПрикрепленное изображение
Назревает вопрос, wtf?
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   Цитировать сообщение
Статус пользователя Nixon
сообщение 8.6.2014, 19:38
Сообщение #2


Стаж: 12 лет

Сообщений: 399
Благодарностей: 192
Полезность: 589

Укажи для background-position префикс -moz-, т.е. -moz-background-position:... Можешь сразу несколько сделать

-webkit-background-position:(google chrome, safari)
-moz-background-position:(mozila)
-o-background-position:(opera)
-ms-background-position:(ie)

Отредактировал: Nixon, - 8.6.2014, 19:40
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя FlaZeR
сообщение 8.6.2014, 19:41
Сообщение #3
Стаж: 12 лет

Сообщений: 354
Благодарностей: 145
Полезность: 81

Можешь сразу для всех браузеров; -o- | -webkit- .
Или же попробуй это,
Цитата
<style type="text/css" media="all">html, body{background: url("ссылочка :)") no-repeat fixed center -27px / 100% 115% rgba(0, 0, 0, 0)}</style>
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя АльТ
сообщение 8.6.2014, 19:51
Сообщение #4


Стаж: 14 лет

Сообщений: 407
Благодарностей: 102
Полезность: 500

Nixon, на -moz-background-position ноль реакции, вообще это свойство не видит.
FlaZeR,
Код
<style type="text/css" media="all">html, body{background: url(../jpeg.JPG) no-repeat fixed center -27px / 100% 115% rgba(0, 0, 0, 0)}</style>

Поставил, получил белый лист.

Отредактировал: АльТ, - 8.6.2014, 19:52
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя FlaZeR
сообщение 10.6.2014, 10:11
Сообщение #5
Стаж: 12 лет

Сообщений: 354
Благодарностей: 145
Полезность: 81

Цитата(АльТ @ 8.6.2014, 19:51) *
Nixon, на -moz-background-position ноль реакции, вообще это свойство не видит.
FlaZeR,
Код
<style type="text/css" media="all">html, body{background: url(../jpeg.JPG) no-repeat fixed center -27px / 100% 115% rgba(0, 0, 0, 0)}</style>

Поставил, получил белый лист.

Эту строчку куда вставили ?

====
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Bloo
сообщение 10.6.2014, 10:15
Сообщение #6


Стаж: 12 лет

Сообщений: 15547
Благодарностей: 6971
Полезность: 1206

Так работает нормально тык
Код
<style type="text/css" media="all">html, body{background: url(img/bg.png) no-repeat fixed center rgba(0, 0, 0, 0)}</style>

ps.gif естественно если стили в хедер поставить)
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя АльТ
сообщение 10.6.2014, 11:34
Сообщение #7


Стаж: 14 лет

Сообщений: 407
Благодарностей: 102
Полезность: 500

При добавлении background-attachment: fixed; всё нормально становится. Всем спасибо.

Вот здесь вот
Код
<style type="text/css" media="all">html, body{background: url(../jpeg.JPG) no-repeat fixed center -27px / 100% 115% rgba(0, 0, 0, 0)}</style>

Мог бы кто-нибудь эту часть разъяснить?
center -27px / 100% 115%
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя FlaZeR
сообщение 10.6.2014, 12:19
Сообщение #8
Стаж: 12 лет

Сообщений: 354
Благодарностей: 145
Полезность: 81

Цитата(АльТ @ 10.6.2014, 11:34) *
При добавлении background-attachment: fixed; всё нормально становится. Всем спасибо.

Вот здесь вот
Код
<style type="text/css" media="all">html, body{background: url(../jpeg.JPG) no-repeat fixed center -27px / 100% 115% rgba(0, 0, 0, 0)}</style>

Мог бы кто-нибудь эту часть разъяснить?
center -27px / 100% 115%

Давно для офлайн страницы бэк делал... не помню уже, эксперементируй.
Вроде бы масштам в %.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
« Предыдущая тема · Вопросы и помощь по скриптам и оформлению · Следующая тема »
 
  Ответить в данную темуНачать новую тему
 
0 пользователей и 1 гостей читают эту тему:
Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный
Сообщить другу · Версия для печати

Powered By Invision Power Board  © 2005-2026 
Counter Strike Support Community