微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何将CSS背景图像保存在所有div(痕迹导航箭头)之上?

我已经构建了一个小的面包屑示例克隆了Google设计中的一些功能.我一直在寻找让箭头显示在彼此之上,所以没有任何空白区域.我尝试过负边距,可能是定位,但我无法获得任何工作.

下面是Google工作示例的链接,以及我当前的演示示例以及面包屑目前无法正常工作的截图.感谢任何帮助,我也很乐意澄清任何事情!

> Google’s working example
>演示(离线对不起!)

当前错误截图:http://f.cl.ly/items/3H2Z3S3R2v0H3V1r3S3L/breadcrumbs-error.png(对不起,这也被删除!)

解决方法

Google实施正在使用postion:relative; margin-left:-13px在CSS中,但同时他们使用内联样式为每个链接提供不同的z-index,如下所示: image

使用javascript或后端脚本循环遍历每个链接,并为每个链接指定较低的z-index.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。