Question

因此，我正在为即将上线的应用程序构建登录页面 - 但是，到目前为止，我只开发了iOS版本，并且一旦iOS版本上线，它将启动Android开发。

现在，在我的目标网页上 - 我有2个按钮，可以重定向到Apple商店或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

您可以使用picture包裹div元素，然后您可以在CSS中编写类似的内容：

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

在div中，你可以快速推出，你可以让它的背景为黑色或其他什么

另外，我不确定这是否可行，您可以尝试将div 放在图片的中，然后反转CSS中选择器的顺序

在一个按钮的翻转图象在html

1 个答案: