css - 如何仅使用 css 在我的导航中添加购物车图像？

Question

我想在导航栏中的购物车元素旁边添加一张购物车图片。有没有办法只使用 css 来做到这一点？我想也许 :after {} 某个地方会起作用。

这是我网站的链接:http://poloniafoods.weebly.com/store/c1/Featured_Products.html

提前致谢，贾斯汀。

Answer 1

您可以向 cart li 元素添加一个 after 标签。使用带有 url 的内容指向图像的绝对路径。根据您想要的结果调整大小和位置。

.wsite-nav-cart:after {
    content: url('http://placehold.it/50');
    position: absolute;
    right: 0;
    top: 0;
    height: 10px;
    width: 10px;
}