HTMLのボタンオーバーロールオーバー画像

Question

私は現在オンラインになる予定のアプリケーションのランディングページを作成していますが、これまでのところiOSバージョンのみを開発しており、iOSバージョンがあればアンドロイド開発を開始しますライブに行った。

私のリンク先ページには、Apple StoreまたはGoogleのいずれかにリダイレクトする2つのボタンがあります。リンゴストアの場合はすべて問題ありませんが、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 私はこれを行う方法を確認していない - 誰もがこの上で私を助けることができれば喜んでいるだろう！申し訳ありませんが、私は..

Answer 1

あなたはdivであなたのpicture要素をラップすることができ、その後、あなたはCSSでこのような何かを書くことができますWeb開発ではあまり良くないです：divの内側

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

あなたが来て置くことができますすぐに、あなたはそれがまた、背景、黒または何

だ、と私はこれが動作するか分からない、あなたは絵の内側のdiv を入れてみてください、そしてちょうどでセレクタの順序を逆にすることができますすることができますCSS