Блог

Главная - Вопросы по программированию - как установить base_url() внутри файла css с помощью codeigniter для доступа к background_image_url внутри файла css?

как установить base_url() внутри файла css с помощью codeigniter для доступа к background_image_url внутри файла css?

#php #css #codeigniter

#php #css #codeigniter

Вопрос:

Я использую codeigniter, я загрузил все файлы css, и они работают очень хорошо. Моя структура каталогов отображается на следующем изображении:

введите описание изображения здесь

Я загрузил style.css с помощью этого кода :

 <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/style.css">

все атрибуты стиля установлены очень хорошо и работают. Но после этого я обнаружил, что изображения, которые установлены внутри файла css, не отображаются на моем сайте!
Мой код в css :

 .social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}

Итак, можно ли установить для них какую-либо процедуру base_url() background-image:url("images/socials.png"

Комментарии:

1. изображение внутри assets/css/images или assets/images?

2. Вы установили базовый URL $config['base_url'] = 'http://localhost/project/'; или свой домен $config['base_url'] = 'http://www.example.com/';

Ответ №1:

Поскольку свойство CSS Background относится к файлу CSS, вы можете использовать:

 background: url("../../"); /* Becomes the base URL */

Теперь оттуда вы можете пройти путь:

 background: url("../../assets/images/socials.png");

Вы также можете использовать это как альтернативу:

 background: url("../images/socials.png");

Комментарии:

1. Я добавил код, объясненный вами, но он все еще не работает.. справочная информация: url(«../images/socials.png»);

2. @AbhijitKumbhar: проверьте свою консоль, я надеюсь, что вы получаете URL-адрес 404 для изображения, пожалуйста, поделитесь URL-адресом

3. после удаления кода обратного каталога (../), когда я проверил консоль браузера, я нашел ссылку на изображение ( localhost / myproject /assets/css/images / socials.png ) при открытии этой ссылки я нашел изображение, но оно не отображается на моем веб-сайте index.php страница

4. @AbhijitKumbhar: я предлагаю проверить background-position:0 -30px; background-size:270px 60px; , может быть, проблема здесь. потому что ссылки не ломаются.. ссылки работают нормально в соответствии с вашим комментарием, Правин, поправьте меня, если я ошибаюсь

5. @devpro согласился с вами, чувак! :) Также я сильно чувствую, что изображение повреждено.

Ответ №2:

Обратите внимание, что, если это изображение socials.png доступно в assets/images папке, чем вы можете использовать, как:

 .social_nav li.facebook a{ 
  background-image:url("../images/socials.png"); //one step back
  background-position:0 -30px; 
  background-size:270px 60px;
}

Если ваше изображение внутри assets/css/images вашего кода должно работать, вам нужно проверить эти два свойства, изменив значения или удалив.

 background-position:0 -30px;
background-size:270px 60px;

Примечание сбоку:

Возможно, в этом случае ваш файл поврежден, также проверьте, используя другое изображение.

Также проверьте консоль вашего браузера, вы получаете 404 ссылки на это изображение, если указанный вами путь неверен.

Комментарии:

1. Я не получаю никакой ошибки 404 в браузере, изображение доступно по этой ссылке (localhost /myproject /assets/css/images /socials.png), но не отображается на моем index.php страница

2. @AbhijitKumbhar: это означает, что вам нужно проверить это background-position:0 -30px; background-size:270px 60px;

3. Я проверил это, также удалил это, но не работает: (

4. Есть ли параметр в CSS, чтобы установить базовый URL-адрес, как функция в PHP URL-адрес «<?php echo base_url(); >?»

Ответ №3:

Я нашел ответ после получения справки и, наконец, понимания моей глупой ошибки, все работает нормально, кроме блокировщика рекламы, который я отключил, и теперь отображаются изображения введите описание изображения здесь