通过magento中的内联css添加图像

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 because

  

使用速记属性时，属性值的顺序为：

     

  
• 背景颜色
  
• 背景图像
  
• 背景重复
  
• 背景附件
  
• 背景位置
  

如果不起作用，请尝试右键单击Firefox中的小部件，然后选择“显示背景图像”。这应该会给你一个关于如何解释相对路径的提示，以及图像是否实际上在那个位置。

Answer 3

我认为你的问题在于尝试使用'../ images/image.jpg'相对于图像网址，以及magento在呈现窗口小部件时如何解释它。

为什么不尝试绝对路径而不是'/app/code/local/widget/images/image.jpg'