2010-06-27 5 views
2

Я пытаюсь разработать виджет, используя встроенный css. Inline css содержит ссылку на изображения, например {background: url (../ img/transparent.png);} Я скопировал папку в соответствующую папку, но не работал. Любая помощь пожалуйста. Я использую magento версии 1.4+.Добавление изображения через встроенный css в magento

ответ

1

начать использовать background-image вместо backgroundbecause

При использовании сокращенного свойства порядка значений свойств являются:

  • цвета фона
  • фонового изображение
  • background-repeat
  • background-attachment
  • фон положение

, если это не сработает, попробуйте правой кнопкой мыши на виджет в Firefox и выберите «фоновое изображение дисплея». Это должно дать вам подсказку относительно того, как интерпретируется относительный путь, и действительно ли изображение находится в этом месте.

+0

у меня нет виджета, чтобы увидеть изображение, поскольку все бесплатные загружаются через грушу, и большинство из них используют файлы phtml и файлы макета, и я хочу использовать встроенный css. – d3vdpro

+0

@prateek ты не имеешь смысла для меня. Какова ваша проблема или вопрос? –

+0

Я разрабатываю виджет, для которого я использую встроенный css, в котором я использую образы, как указано выше. Но мое изображение не отображается на странице. Получение проблем с относительным URL-адресом изображения для виджета. – d3vdpro

0

я думаю, ваша проблема заключается в попытке достичь URL изображения относительно использования»../images/image.jpg'and, как это интерпретируется Magento рендеринга виджет ..

почему бы не попробовать абсолютное путь вместо этого по линии '/app/code/local/widget/images/image.jpg'

3

Если я думаю, что вы пытаетесь использовать часть вашего изображения в обложке «inlined» в вашем файле phtml. Трюк состоит в том, чтобы вызвать правильный каталог. Если я правильно понимаю ваш вопрос, правильный ответ:

<div style="background-image: url(<?php echo $this->getSkinUrl('img/transparent.png'); ?>)">Div content</div> 

Допустим, ваш каталог кожа

/skin/frontend/YOURTHEME/YOURVIEW/ 

то приведенный выше код будет вынесено на интерфейсе с:

<div style="background-image: url(http://YOURDOMAIN/skin/YOURTHEME/YOURVIEW/img/transparent.png)">Div content</div> 
Смежные вопросы