background-image网址无法正常工作

Question

<div class="dict"></div>

.dict {
    background-image: url("dict.png");    
}

这似乎不像我希望的那样有效。它不显示图像？有人可以解释原因，以及我如何解决它？感谢

您可以在http://www.zentriamc.com/test

上找到此代码

Answer 1

因为您希望将图像作为背景中的小图标，以便没有人可以复制它，然后您可以执行以下操作。

.dict {
   padding-left: 66px;
   background: url(dict.png) no-repeat left center; 
}

这里我假设你的图标尺寸为50像素，并且从该图标左边填充我添加了16像素，这样你的图标就不会被div中的内容覆盖。

所以它应该产生一些效果，如：