bxslider 上 z 索引元素的顺序

2023-12-06

我需要使用无子元素来订购 bxslider 的内容。图像和顶部文本之间。

e.g

<div>
<ul id="slider">
<li><img src="image1.jpg" /><span>text</span></li>
</ul>
<div class="under-text-over-image"></div>
</div>

有人可以建议一下 z-index 吗?

我现有的 css 类似于:

li img{
position:relative;
z-index:1;
}
li span{
position:relative;
z-index:3;
}
.under-text-over-image{
position:relative;
z-index:2;
}

Thanks


我会尝试一些类似的事情:

li img{
position:relative;
z-index:-99999;
}

li span{
position:relative;
z-index:99999;
}

.under-text-over-image{
position:relative;
z-index:11111;
}

在使用 z-index 时,这些内容通常对我有用。

希望这对您有帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

bxslider 上 z 索引元素的顺序 的相关文章

  • 如何将CSS应用于iframe?

    我有一个简单的页面 其中有一些 iframe 部分 用于显示 RSS 链接 如何将主页中相同的 CSS 格式应用到 iframe 中显示的页面 Edit 这不能跨域工作 除非有适当的CORS 标头 https developer mozil
  • 日期选择器自动打开

    我有一个 JavaScript 代码 我想用它来完成以下任务 我希望当我单击按钮时会出现一个表单 但日期选择器的日期选择选项不会自动出现 但在我的情况下它会打开 换句话说 我想禁用 autoopen 这是脚本
  • 如何动态选择 jQuery ui 选择菜单中的选项?

    将菜单从常规选择更改为 jQuery 选择菜单后 我无法再以编程方式选择其中的选项 有没有办法做到这一点 选择的代码是 假设ListId是列表的实际Id ListId val value 该插件的激活方式如下 ListId selectme
  • 使用CSS调整div以填充父容器的宽度[重复]

    这个问题在这里已经有答案了 我有一个容器宽度为 100 的页面 因此它是屏幕的整个宽度 我在网格结构中有几个 DIV 它们都有 float left 且没有设置宽度 只有 10px 的边距 有没有一种方法 使用 CSS 或 jQuery 让
  • 如何使用 Bootstrap 选项卡?

    我试图了解如何做到这一点 http getbootstrap com javascript tabs http getbootstrap com javascript tabs 我认为文档不够详细 因为我无法理解它是如何工作的 div cl
  • jQuery 验证插件:如何强制采用某种电话号码格式###-###-####

    我的页面上有 jQuery 验证插件 当有人在表单字段中输入电话号码时 我希望验证器仅识别某种格式 我在 JavaScript 中看到了这一点 phone number required true number true 我可以在那里添加一
  • 首选的客户端路由解决方案? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 在 Bootstrap 中将图像居中

    我正在使用 bootstrap 3 0 创建一个网站 我是引导新手 我想要什么 当浏览器尺寸特别小时 我希望图像位于 div 的中心 我有这个代码 div class col lg 10 ccol lg offset 1 col md 12
  • 组织 jQuery/JavaScript 代码的最佳方式 (2013) [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 问题 这个答案之前已经回答过 但已经
  • jquery validate - 如果隐藏字段有值则有效

    我需要根据隐藏字段的值验证字段 我尝试了这个自定义规则 jQuery validator addMethod cityselected function if featureID val return false else return t
  • 带有 ajax 提交处理程序的 jquery 验证插件不起作用

    在过去的几天里 我已经多次使用了 jquery 验证插件 但尚未将其与 ajax 提交一起使用 我所拥有的在下面被削减为两个字段 提交时值没有错误 单击提交按钮时不会发生任何提交 它只是什么都不做 HTML
  • Javascript - 删除粘贴上的空格

    我有一个最大长度为 10 的输入文本字段 该字段用于澳大利亚电话号码 10 位数字 电话号码通常分为以下语法 12 12345678 如果有人复制上面的内容并将其粘贴到我的输入字段中 显然会留下最后一位数字并保留空格 有没有办法在粘贴到输入
  • 处理重叠 SVG 图层中的鼠标事件

    我正在使用 d3 js 构建地图可视化 我正在为美国各州和县绘制填充多边形 县的 SVG 图层位于州图层下方 状态已填充 但填充不透明度设置为 0 我认为 需要填充来捕获点击事件 我想捕获州级的点击事件 但我想捕获县级的鼠标悬停事件 但是
  • 在javascript/jQuery中设置Java的数据结构

    有没有办法在javascript中像java一样创建集合数据结构 唯一集合 对于一组字符串 我只使用值为 true 的对象 var obj obj foo true obj bar true if obj foo foo in set 这基
  • 在 Angularjs 中格式化输入值

    我正在尝试编写一个指令 自动格式化数字
  • Google Chrome 中不缓存动态加载的图像

    使用 jQuery 加载的图像未保存在 Google Chrome 的缓存中 每次都会从服务器下载 情况 我正在使用 jQuery slimbox2 在 灯箱 中加载图片 此时没有什么特别的 我添加了一些 jQuery 代码来检测鼠标光标何
  • 使用 JS 从列表中删除最近的 元素的 URL

    所以我有一个网址列表 并且有删除按钮 图像按钮 当点击删除按钮时 按钮旁边的 url 必须从列表中删除 let list const remove document getElementById remove const view docu
  • 内联块元素和块元素之间的空间

    这两个 div 之间的空间是多少 我什至删除了 html 中的空白 div div div div http jsfiddle net 9thpuvwa http jsfiddle net 9thpuvwa 现在 如果第一个 div asd
  • 模态内的引导程序表单未正确对齐

    我尝试使用引导程序 水平形式 制作模式形式 并且该字段显示在标签下 知道如何修复它 以便输入文本框位于标签的右侧而不是标签的下方吗 div class modal hide fade div class modal header div d
  • jQuery 属性选择器:除了不以指定字符串结尾之外还有什么?

    我需要在jquery中选择元素 其属性值不以指定的子字符串结尾 它必须等同于 匹配除该属性中以给定子字符串结尾的所有元素 So that e a finstr 匹配 e ea finstring 等等 并且不匹配 ea somethingf

随机推荐

  • 如何忽略包含在我的yarn.lock 文件中的包?

    因此 在我的 package json 中 我有一堆 npm 库 以及一个从 git ssh url 拉入的私有存储库 该存储库需要始终是最新版本 该yarn lock添加了git sha和yarn升级等不会获取最新的 基本上 鉴于此 de
  • 如何通过 Socket 连接接收大数据流 - 没有 TCPClient

    我有一个问题 我想通过 SocketConnection 发送一个大字符串 但我无法立即接收该字符串 因为网络限制为 1500 字节 那么如何在不使用 TCPClient 的情况下通过 Socket 接收所有字节 或者这是不可能的 publ
  • 如何在类路径中使用嵌入表达式

    我试图将文件的绝对值传递给类路径的读取函数 如果我传递绝对路径和类路径 它就可以正常工作 但是当我传递嵌入表达式时它不起作用 我的代码如下 Scenario create swagger first RAD 给定 url 应用服务器 给定参
  • 在 PrintDialog 中以编程方式选择打印机

    我在 Windows 窗体中有一个 Web 浏览器控件 它加载一个 HTML 文件 我希望能够为用户提供将其另存为 PDF 文件的选项 如果用户安装了 CutePDF Writer 那么我想我可以通过编程方式从打印对话框中选择它并将其另存为
  • jQuery 中的 this 和 $(this) 有什么区别?

    jQuery 中的 this 和 this 有什么区别 我什么时候应该使用哪个 p each function this id this attr id 如果您考虑上面的函数 jQuery 将循环访问页面上的每个段落元素 并通过将 this
  • 如何可靠地猜测 MacRoman、CP1252、Latin1、UTF-8 和 ASCII 之间的编码 [重复]

    这个问题在这里已经有答案了 在工作中 似乎每周都会遇到一些与编码相关的忧虑 灾难或灾难 该问题通常源于程序员认为他们可以在不指定编码的情况下可靠地处理 文本 文件 但你不能 因此决定从今以后禁止文件名以以下结尾 txt or text 人们
  • 错误“‘git’未被识别为内部或外部命令”

    我安装了 Windows 版 Git 但是当我尝试使用git命令提示符中的命令 我收到以下错误 git is not recognized as an internal or external command operable progra
  • 是否可以从列表中的项目获取索引?

    我的意思是 我有一个列表框 我将列表放入 itemsSource 属性中 我还想显示它的绑定中的索引 我不知道这在 WPF 中是否可行 谢谢 有几种方法可以做到这一点 包括使用 AlternationIndex 的一些解决方法 但是 由于我
  • iOS,将文件从收件箱文件夹复制到文档路径

    我启用了文档类型以将文件从其他应用程序导入或复制到我的应用程序 我有一些疑问 1 应该在哪里创建将文件从收件箱移动到文档目录的方法 这是正确的地方吗 func applicationWillEnterForeground applicati
  • 将语音输出解析为 JSON 以调用应用程序 API

    这是一个想法 我们有带有公开的 Restful API 的 Web 应用程序 它接受 json 现在 如何使用 Google 语音 API 获取用户语音输入 将其转换为文本 然后以某种方式将该文本转换为 API 所需的 JSON 然后使用
  • 未找到样式属性 attr/@attr/minTextSize

    我长期以来一直在尝试找出问题所在 但不幸的是无法 If I do android enableAapt2 true 代码工作正常 但是删除相同的代码 应该是强制的 会抛出错误 incremental mergeDevDebugResourc
  • 如何合并两个文件?

    我有两个文件 File 1 7118 7457 7591 7539 8001 File 2 5003 5008 5011 5026 5028 5029 5031 我需要的输出 7118 5003 7457 5003 7591 5003 75
  • Scala 中的右关联方法有什么好处?

    我刚刚开始使用 Scala 并且刚刚了解了如何创建方法右结合 与更传统的左结合性在命令式面向对象语言中很常见 起初 当我看到示例代码时consScala 中的列表 我注意到每个示例总是在右侧有列表 println 1 List 2 3 4
  • Elasticsearch - 从 6.7 升级到 7.0 后,此搜索不会返回正确的结果

    query constant score filter bool should terms field a value1 value2 must term field b value
  • JPEG编码器速度超慢,如何优化?

    我正在 Flash 构建器中使用 actionscript 3 0 构建一个应用程序 这是一个后续问题这个问题 我需要将字节数组上传到我的服务器 但是我使用的函数将位图数据转换为ByteArray速度超级慢 慢到我的移动设备都卡住了 我的代
  • Sencha Touch 复选框字段具有带有长标签的时髦布局

    我的应用程序中的几个复选框字段有很长的标签 不幸的是它会导致一些奇怪的行为 有什么办法可以让这个看起来好一点吗 我的意思是 如果我 触摸 灰色区域 复选框不会激活 即使复选框位于灰色区域内 但我必须单击白色区域 这有点令人困惑 即使我设定l
  • 如何在 Oracle 查询中禁用 PL/SQL

    以下是我希望阻止在我的服务器上运行的查询类型的示例 begin While True LOOP dbms output put line tst END LOOP end 此查询 或其他类似查询 可能通过 Oracle JDBC 瘦驱动程序
  • Swift - 更新/刷新显示时间的标签

    我有一个以 12 小时格式显示当前时间的标签 但是 它不会在每次分钟 小时更改时更新 刷新时间 我需要它在时间改变时自动将标签更改为当前时间 斯威夫特 3 解决方案 class ViewController IBOutlet weak va
  • onfocus时如何更改文本框的背景颜色?

    我尝试了这段代码 但它不起作用 当我聚焦文本框时 它显示错误 function ChangeBgColor obj evt if evt type focus style background lightgrey else if evt t
  • bxslider 上 z 索引元素的顺序

    我需要使用无子元素来订购 bxslider 的内容 图像和顶部文本之间 e g div ul li img src image1 jpg span text span li ul div class under text over imag