标签: html css
<div class="dict"></div>
.dict { background-image: url("dict.png"); }
这似乎不像我希望的那样有效。它不显示图像?有人可以解释原因,以及我如何解决它?感谢
您可以在http://www.zentriamc.com/test
答案 0 :(得分:1)
因为您希望将图像作为背景中的小图标,以便没有人可以复制它,然后您可以执行以下操作。
.dict { padding-left: 66px; background: url(dict.png) no-repeat left center; }
这里我假设你的图标尺寸为50像素,并且从该图标左边填充我添加了16像素,这样你的图标就不会被div中的内容覆盖。
所以它应该产生一些效果,如: