Question

我正在尝试添加指向我附加的图像的链接，但我无法弄清楚，我是一个初学者，需要帮助：））

这是我到目前为止所做的：

a {
  margin-left: -.625rem;
  background-image: url(https://i.ibb.co/55hHtt5/super-promotii.png);
  background-repeat: no-repeat;
  background-position: right;
}

<a href="https://www.google.com/">Link</a>

Answer 1

您将链接包装在要引用的元素周围。可能是导航而不是div，但是：

<a href='yourLinkURL'><div class='navbar-nav'></div></a>

Answer 2

尝试这样。.您应该为背景图像添加宽度和高度

css

.header-menu > .navbar-nav {
        background-image: url(https://i.ibb.co/55hHtt5/super-promotii.png);
        background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 58px;
width: 250px;
        }

Answer 3

尝试


<div class="navbar-nav" onclick="location.href='https://www.google.com'">
<img src="https://i.stack.imgur.com/FcGgh.png">
</div>

您可以将div更改为锚标签并使用href链接

<a class="navbar-nav" href="https://www.google.com">
   <img src="https://i.stack.imgur.com/FcGgh.png">
</a>

Answer 4

在CSS中，您无法为通过href属性显示的图像添加background-image链接。 href仅可以HTML格式处理

带有链接的背景图片

4 个答案: