背景图片网址不起作用

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 内的内容所覆盖。

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