如何设置链接的背景图像？

Question

下面的代码是一个链接，它有一个类，我想通过它添加一个背景图像。我无法显示背景图像，但是相同的代码正确设置背景颜色，所以我在这里缺少什么？我不想在链接中使用stream.take(1).onValue(fn) 标记，因为我想在悬停时更改背景图片。

<img>

.dropbtn{background: url(http://images.freeimages.com/images/previews/356/cubes-1425949.jpg) 50px 50px no-repeat;}

Answer 1

看清楚我使用了类，在css中，我使用background-image.It没有必要只用一种方法做一件事。有很多选择可以做任何事情

Answer 2

你可以尝试这种方式。用<a>包裹div，然后用style以这种方式包裹。希望这会对你有所帮助。

＆＃13;

＆＃13;

.hello {
  width: 100%;
  background-image: url(http://images.freeimages.com/images/previews/356/cubes-1425949.jpg);
  height: 700px
}

＆＃13;

<div class="hello"><a class="dropbtn">image</a>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

你显示50px 50px 你的链接是50px吗？ 我的猜测是你应该从0 0开始，看看图像在哪里。画布上是否有很多透明或空白区域，因此实际图像不在视图中，特别是添加了50px的右侧和顶部位置？

为链接添加高度，并使用左上角删除图像定位。

Answer 4

你正在使用错误的css类 使用下面的代码

.dropbtn {background-image：url（http://images.freeimages.com/images/previews/356/cubes-1425949.jpg）50px 50px no-repeat;