Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Разный путь к background-image в браузерах! 
:(
    Опции темы
Racot
Дата 23.1.2013, 22:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 63
Регистрация: 11.10.2011

Репутация: нет
Всего: нет



Суть такая чтобы у меня отображались background-image в Opera мне в css фапйле надо прописать - background-image: url(pictures/header1.png); но не отображаются в Crome и FF ...........
а если пишу background-image: url(../pictures/header1.png); - не отображается в опере...........а в FF и Crome нормально................что за прикол?...... 

(разница только в ../   перед   pictures)
PM MAIL   Вверх
Arantir
Дата 24.1.2013, 00:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55



Поставьте слэш перед pictures и возьмите адрес в кавычки:
url("/pictures/header1.png")
Так должно во всех браузерах работать.

Документация все вешает на особенности браузеров =) 
Две точки работают в Opera вместе с кавычками. В зависимости от расположения картинки будет работать и вариант без слеша и кавычек.
Конкретно ваша проблема, судя по всему, в том, что у вас есть файлы "/pictures/header1.png" и (например) "/styles/style.css" и вы хотите из style.css открыть header1.png. 
При указании слэша браузер пытается открыть файл от корня, то есть "/pictures/header1.png" = "example.com/pictures/header1.png". Без слэша - из папки css-файла - "example.com/styles/pictures/header1.png".
Две точки перебрасывают на директорию выше. Но, по видимому, Opera без кавычек не хочет правильно обрабатывать такую ссылку.
У меня, например, параметры вида url("../img/some.png") (с кавычками) работают нормально во всех браузерах.

Это сообщение отредактировал(а) Arantir - 24.1.2013, 01:10


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
Racot
Дата 24.1.2013, 05:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 63
Регистрация: 11.10.2011

Репутация: нет
Всего: нет



Странно.......но background-image: url("/pictures/header1.png");    не работает нигде))).........но спасибо за ответ......попробую поиграться с вариантами( универсальный так и не нашел пока) )))
PM MAIL   Вверх
Racot
Дата 24.1.2013, 19:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 63
Регистрация: 11.10.2011

Репутация: нет
Всего: нет



 я нашел ошибку!
оказалось я в пути к css файлу слэш в другую сторону поставил -
<link href="css\style.css" media="screen" type="text/css" rel="stylesheet">

Как это работало и почему в разных браузерах по разному это тоже вопрос))) но главное что все ок!)
    
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0439 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.