首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在slick图库中显示文本而不是图像时出现问题

在slick图库中显示文本而不是图像时出现问题
EN

Stack Overflow用户
提问于 2020-04-26 01:23:25
回答 1查看 29关注 0票数 0

在一个“油滑”的图库中,在多个图像上添加文本时遇到了问题。我可以获得我想要在图片库的第一张图像上显示的文本,但是当将文本添加到其他幻灯片时,它们只出现在第一张幻灯片上。

对于文本覆盖,我使用了以下css:

代码语言:javascript
运行
AI代码解释
复制
.classTextOver{
  position: absolute;
   font-size: 16px;
   color: white;
   top:60%;
  left:18%;
}

任何帮助都将不胜感激。

您可以在以下位置找到代码片段:https://jsfiddle.net/dkxq3ztg/1/

EN

回答 1

Stack Overflow用户

发布于 2020-04-26 03:08:37

这个答案看起来可能会给幻灯片放映带来其他问题,但如果您使用相对定位,则可以修复文本问题。将您的.ClassTextOver替换为:

代码语言:javascript
运行
AI代码解释
复制
.classTextOver {
position: relative;
top: 300px;
font-size: 40px;
color: white;
font-family: 'champion';
font-weight:normal;
left:100px;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61434705

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文