| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Разный путь к background-image в браузерах! |
| Автор: Racot 23.1.2013, 22:59 |
| Суть такая чтобы у меня отображались background-image в Opera мне в css фапйле надо прописать - background-image: url(pictures/header1.png); но не отображаются в Crome и FF ........... а если пишу background-image: url(../pictures/header1.png); - не отображается в опере...........а в FF и Crome нормально................что за прикол?...... (разница только в ../ перед pictures) |
| Автор: Arantir 24.1.2013, 00:52 |
| Поставьте слэш перед 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") (с кавычками) работают нормально во всех браузерах. |
| Автор: Racot 24.1.2013, 05:27 |
| Странно.......но background-image: url("/pictures/header1.png"); не работает нигде))).........но спасибо за ответ......попробую поиграться с вариантами( универсальный так и не нашел пока) ))) |
| Автор: Racot 24.1.2013, 19:28 |
| я нашел ошибку! оказалось я в пути к css файлу слэш в другую сторону поставил - <link href="css\style.css" media="screen" type="text/css" rel="stylesheet"> Как это работало и почему в разных браузерах по разному это тоже вопрос))) но главное что все ок!) |