background-image网址无法正常工作

时间:2016-10-26 14:10:53

标签: html css

<div class="dict"></div>
.dict {
    background-image: url("dict.png");    
}

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

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

上找到此代码

1 个答案:

答案 0 :(得分:1)

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

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

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

所以它应该产生一些效果,如:

enter image description here