html - 我无法在此引号滑块上显示文本
问题描述
引号滑块似乎没有加载文本,按钮和点在那里但是中心的实际引号没有显示在其中只有一束点和按钮小心地放置在屏幕中央引号应该是。如何使引号显示在滑块按钮 HTML 中
<div class="testimonials">
<div class="slideshow-container">
<div class="mySlides">
<q>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, vel?</q>
<p class="author">Name Name</p>
</div>
<div class="mySlides">
<q>Quibusdam adipisci ab explicabo. Porro exercitationem delectus nam unde corporis.</q>
<p class="author">Name Name</p>
</div>
<div class="mySlides">
<q>Beatae saepe ab sed, nihil perferendis et, pariatur dolores! Vel.</q>
<p class="author">Name Name</p>
</div>
<a class="prev" onclick='plusSlides(-1)'>❮</a>
<a class="next" onclick='plusSlides(1)'>❯</a>
</div>
<div class="dot-container">
<span class="dot" onclick='currentSlide(1)'></span>
<span class="dot" onclick='currentSlide(2)'></span>
<span class="dot" onclick='currentSlide(3)'></span>
</div>
</div>
CSS
.testimonials {
height: 800px;
}
.slideshow-container {
position: relative;
background: #f1f1f1;
}
.mySlides {
display: none;
padding: 80px;
text-align: center;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -30px;
padding:16px;
color: #888;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 30px 0;
user-select: none;
}
.next {
position: absolte;
right: 0;
border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
color:white;
}
.dot-container {
text-align: center;
padding: 20px;
background: #ddd;
}
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background: #717171;
}
q {
color: #1c1c1c;
font-style: italic;
}
.authour {
color: aqua;
}
解决方案
推荐阅读
- android - 我如何在 android kotlin 中使用绑定调用其他布局 id
- opencv - OpenCV wasm 构建错误
- python - 如何基于其他列创建 6 个新列
- validation - 可选指针是否为 uuid 的 Gin 验证?
- python - 使用 Python 执行安静安装会抛出对话框
- linux - 将环境变量转换成json文件
- amazon-web-services - 当条目数取决于响应数组长度时,如何向 APIGEE Kvms 动态添加值
- linux - 登录速度非常慢 - Artix linux, s6
- azure-data-factory - 如何使用 SDK/REST API 在 Azure 数据工厂中部署自定义模板
- css - Selenium 抓取 - 使用 CSS 选择器查找元素