所以我想让我的文本消失,像在inox-jukic.com页面,当它是移动的大小,从滑块消失的文本。我也有滑块。
以下是CSS:
/* Number text (1/3 etc) */
.numbertext {
color: deepskyblue;
font-family: Verdana;
font-size: 45px;
padding: 8px 12px;
position: absolute;
top: 200px;
font-size-adjust: 0.58;
以下是HTML:
<div class="mySlides fade " >
<div class="numbertext">TITLE <br> TITLE2</div>
<img src="uploads/building/1_auto_x2.jpg" style="width:100%; ">
<div class="text">Aluminijske ograd</div>
</div>
<div class="mySlides " >
<div class="numbertext">TITLE<br> TITLE2 </div>
<img src="uploads/building/2_auto_x2%20(1).jpg" style="width:100%; ">
<div class="text"></div>
</div>
<div class="mySlides fade " >
<div class="numbertext">TITLE</div>
<img src="uploads/building/3_auto_x2.jpg" style="width:100%; height=400px">
<div class="text"></div>
</div>
</div>
您可以在CSS文件中设置断点。因此,如果屏幕尺寸变小,您可以将容器设置为“可见性:隐藏”或“显示:无”。随你的便。
这里有一些典型的断点:https://www.w3schools.com/howto/howto_css_media_query_breakpoints.asp