добавление изображения через встроенный CSS в magento

Question

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

Answer 1

Если я угадаю, вы пытаетесь использовать изображение вашей кожи, встроенное в ваш 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>

Answer 2

для начала, используйте background-image вместо background , потому что

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

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

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

Answer 3

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

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