光滑轮播上的Twitter Boostrap工具提示
文森特·潘诺格灵
如何在Slick Carousel中显示Twitter Bootstrap工具提示？
至于现在，当我将鼠标悬停在每个图像上时，工具提示位于图像的顶部，但由于圆盘传送带的容器/包装机位于绝对位置，因此无法显示。
Slick Carousel的HTML标记
<div class="slider center slick-initialized slick-slider">
<div class="slick-list draggable">
<div class="slick-slide slick-cloned" style="width: 197px;">
<img src="assets/css/images/paid-ad-2.jpg" class="img-responsive" data-toggle="tooltip" data-placement="top" title="" data-original-title="Aparment Unit in Arkansas">
<div class="slick-slide slick-cloned" style="width: 197px;">
<img src="assets/css/images/paid-ad-2.jpg" class="img-responsive" data-toggle="tooltip" data-placement="top" title="" data-original-title="Aparment Unit in Arkansas">
</div><!-- And so on... -->
</div>
</div>
Twitter Bootstrap的HTML标记工具提示
<div class="tooltip fade top in" style="display: block; top: -32px; left: 49px;">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">Hidden tooltip</div>
</div>
的CSS
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
小提琴
任何帮助将不胜感激
赫舍姆·哈桑（Hesham Hassan）
只需data-container="body"为每个图像Jsfiddle Demo添加属性。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在光滑轮播上使用动态数据？
- 2
如何制作光滑轮播
- 3
带角度JS的光滑轮播
- 4
jQuery的光滑轮播复制/粘贴
- 5
元素内部的光滑轮播箭头
- 6
抽屉上的工具提示
- 7
Twitter Bootstrap的工具提示问题
- 8
Twitter Bootstrap工具提示宽度
- 9
实时LineChart上的工具提示
- 10
图片上的CSS工具提示
- 11
从光滑轮播中的幻灯片获取数据属性
- 12
jQuery光滑轮播“幻灯片”设置
- 13
带有 Browserify / Shim CDN jQuery 的光滑轮播
- 14
如何使Twitter Bootstrap工具提示可访问？
- 15
如何使Twitter Bootstrap工具提示可访问？
- 16
谷歌地图，在圆上显示工具提示
- 17
仅在某些字段上显示工具提示
- 18
禁用按钮上的jQuery UI工具提示
- 19
在JTextPane上显示父组件的工具提示
- 20
erb表单上的引导工具提示的语法？
- 21
图像useMap reactjs上的Antd工具提示
- 22
在主干木偶布局上设置工具提示
- 23
Winforms控件上的动态工具提示
- 24
erb表单上的引导工具提示的语法？
- 25
工具提示无法在“提交”按钮上使用
- 26
Rmarkdown html文档上的ggplot工具提示
- 27
在<区域>上显示工具提示/弹出窗口
- 28
图表上的工具提示不起作用
- 29
Ubuntu 18.04.3 上的工具提示损坏
我来说两句