问题描述
我用div的3个部分制作了负责任的Web幻灯片img,为它们提供了(.slide_centent)位置绝对位置和相对于parent(.slides)位置的相对位置,之后parent(.slides)不再具有高度了。我给它px,%高度,但是当我缩小浏览器时,只有div(.slide_centent)与图像一起缩小,parent(.slides)的底部固定在该点上,它会变成黑色,看上去不太好。有什么想法吗?
这是HTML
<section class="slides">
<div class="slide_centent">
<a href="#"><img src="images/images1.jpg" alt="images1"></a>
<button class="slidesbtn1">자세히 보기</button>
</div>
<div class="slide_centent">
<a href="#"><img src="images/images2.jpg" alt="images2"></a>
<button class="slidesbtn2">자세히 보기</button>
</div>
<div class="slide_centent">
<a href="#"><img src="images/images3.jpg" alt="images3"></a>
<button class="slidesbtn3">자세히 보기</button>
</div>
</section>
这是CSS
section.slides {
width: 100%;
height: auto;
position: relative;
}
section .slide_centent{
width: 100%;
position: absolute;
transition: all 3s;
}
section .slide_centent img{
width: 100%;
height: 100%;
min-width: 1500px;}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)