如何在顶部链接中添加图像而不是文本“我的购物车” - Magento

Question

这可能是一件非常简单的事情，我尝试了几件事和不同的帖子，但似乎都没有让它发挥作用。

我想在顶部链接中使用购物篮图像而不是“我的购物车”文字。如何将此图像显示为链接而不是文本？

此图片位于mytheme / images中。我尝试编辑Checkout / Block / Links.php，编辑styles.css，然后输入

.top-link-cart { background url(HD/Applications/MAMP/htdocs/devsite/skin/frontend/default/mytheme/images/cart.png)left center no-repeat; }

但似乎无法获取图像而不是文本。任何帮助表示赞赏。感谢。

Answer 1

使用background:url('image link')不重复并定义，然后定义您的width和height，同时确保定义text-indent: -9999px或更高的数字，这样您将留下图片并且你的文字将不在屏幕上。

以下是您可以用于Css图像替换的许多其他方法： http://css-tricks.com/css-image-replacement/

Answer 2

您的CSS中存在以下错误：

• 背景后缺少冒号（:)
• 网址和关键字之间缺少空格
• 您的图片链接是绝对的，而不是相对的（不是错误，但会让网站更容易生效）

以下是您的代码：

.top-link-cart { background url('../images/cart.png') left center no-repeat; }

Answer 3

我建议图片的网址不正确，它在我看来好像是在尝试使用磁盘上的位置显示它。它实际上需要是与您网站的根目录相关的位置。

例如，如果网站root为HD/Applications/MAMP/htdocs/，则您需要设置网址/devsite/skin/frontend/default/ats_the‌​me/images/cart.png。

或者，您可以使其相对于您的css文件。因此，如果您的css文件位于HD/Applications/MAMP/htdocs/devsite/skin/frontend/default/ats_the‌​me/css/，则可以将网址更改为../images/cart.png

Answer 4

在background:之后添加冒号？