在html中将图像滚动到按钮上。

Question

因此，我目前正在为一个即将上线的应用程序建立一个登录页面--然而，到目前为止，我只开发了iOS版本，一旦iOS版本上线，我就会开始开发安卓。

现在，在我的登录页面上-我有两个按钮，将重定向到Apple store或Google play。对于苹果商店来说，一切都很好，但是我想添加一个文本，当点击Google Play按钮时，它会显示类似“即将到来！”这样的文字。

这是我的Google play按钮的代码现在的样子：

<pre>
  <a class="js-link--android" href="#" data-store="android" target="_blank">
    <picture class="picture picture--no-background" style="padding-bottom: 34.88%" img src="assets/images/svg/store/playstore--en.618c3ad6.svg" alt="Download the Android app">
    </picture>
  </a>
</pre>

Google Play button on the website我不知道怎么做-如果有人能在这方面帮我的话我会很高兴的！对不起，我不太擅长Web开发..

Answer 1

您可以用div包装您的picture元素，然后您可以在CSS中编写类似这样的代码：

#yourlink:hover #yourdiv {
    display: block;
}
#yourlink #yourdiv {
    display: none;
}

在div里面，你可以很快把它放进去，你可以把它的背景设为黑色或其他什么的。

此外，我不确定这是否有效，您可以尝试将div放在图片中，然后在CSS中颠倒选择器的顺序