1

私は何日もの間、これに対する適切で簡単な解決策を見つけようとしてきましたが、手ぶらでやってきました。

現在、フロントページに画像の抜粋があるワードプレスでブログを作ろうとしています。画像は注目の画像ではなく、投稿全体にリンクしています。私が本当に欲しいのは、フロントページの投稿画像にカーソルを合わせると「続きを読む」が表示されることです。

可能であれば、投稿画像にこれらの codrops ホバー効果 ( http://tympanus.net/Development/HoverEffectIdeas/ )のいずれかを実装したいと考えています。wordpress初心者なのでどこにどんなコードを書いたらいいのかわかりません。

しかし、どんな助けでも大歓迎です。

4

2 に答える 2

1

以下の HTML と CSS のコア コードを試してください。

<style type="text/css">
div.texthover 
{   
    display:block;
    position:relative; 
    width:150px;
}

div.texthover .overlay 
{
    position:absolute;
    top:45%;
    width:100;
    width:150px;       
    background-color:rgba(0, 0, 0, 0.3);
    display:none;width:150px;
}
div.texthover:hover .overlay 
{
    display:block;
}
</style>


<div class="texthover"><br />
    <img src="image.jpg" width="150" height="150" />
<div class="overlay"><br />
    <span>This is some text I want to display</span>
</div>
</div>
于 2015-05-26T09:21:36.830 に答える