背景画像を高さ100%で表示できない
-
お世話になります。
スライダー背景画像を高さ100%で表示したいのですが、100pxや100vhの絶対値では、表示されるのですが、100%に指定すると、スライダー自体表示されなくなります。
おそらく親要素の影響だと思うのですが、body、htmlタグは高さ100%に、親要素のスタイルもそれぞれ同じように設定してるのですが、その他、どこを疑ったら良いでしょうか?
スライダー自体は、絶対値で指定すれば動作します。
ご教示いただければ、助かります。以下html————–
<div class=”swiper-container”>
<div class=”swiper-wrapper”>
<div class=”swiper-slide slider-1″></div>
<div class=”swiper-slide slider-2″></div>
<div class=”swiper-slide slider-3″></div>
<div class=”swiper-slide slider-4″></div>
<div class=”swiper-slide slider-5″></div>
</div>以下css—————-
.swiper-container {
width: 100%;
height: 100%!important;
}.swiper-wrapper {
width: 100%;
height: 100%!important;
}.slider-1{
background-image:url(“●●.jpg”);
}
.slider-2{
background-image:url(“●●.jpg”);
}
.slider-3{
background-image:url(“●●.jpg”);
}.swiper-slide {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%!important;
}html,
body {
position: relative;
height: 100%;
}
- トピック「背景画像を高さ100%で表示できない」には新たに返信することはできません。