###■やりたいこと
<?php the_post_thumbnail( $post_id ); ?>で取得したサムネイル画像を、画面横幅いっぱいに広げたいです。
###■ためしたこと
テンプレートファイルには下記のように書いて
php
1<figure class="thumbnail-top"> 2<?php the_post_thumbnail( $post_id ); ?> 3</figure>
CSSでは下記のように「cover」と指示しているはずなのですが、
CSS
1figure{ 2 position: fixed; 3 top: 0; 4 left: 0; 5 margin: 0 auto; 6 z-index: 1; 7 width: 100%; 8 height: 640px; 9 background-color: rgba(0,0,0,.6); 10 background-repeat: no-repeat; 11 background-position: center center / cover no-repeat fixed; 12 -webkit-background-size: cover; 13 background-size: cover; 14}
なかなかうまくいかず…
お分かりになる方いらっしゃいましたら教えてくださいませ。。
###■これでもOKです
ちなみに、サムネイル画像はそれムリだよ、ということでしたら、記事中の一番上に挿入した画像でもOKです。
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/17 04:51
2016/10/17 04:58
退会済みユーザー
2016/10/17 05:02
2016/10/17 05:10
2016/10/17 05:17
退会済みユーザー
2016/10/17 05:18
退会済みユーザー
2016/10/17 05:18
退会済みユーザー
2016/10/17 05:29
2016/10/17 05:30
退会済みユーザー
2016/10/17 05:36
2016/10/17 05:46