css - Chrome 中转换/定位 DOM 元素的问题

标签 css google-chrome position transform

我在使用 Chrome 时遇到转换/定位 DOM 元素链接的问题。

HTML 由 <ul> 组成五个<li>转换/定位以显示圆形导航菜单(从 the great work of Sara SOUEIDAN 中提取)。

该列表按预期呈现得很好。但是,在 Chrome 中,<li> 下的链接没有按预期工作:当我单击任何链接时,除了最后一个链接(“e”链接)外没有任何反应。在 FireFox 中,行为符合预期。

知道问题出在哪里吗?

完整代码可以在Fiddle中找到.

最佳答案

移除

位置:固定;

来自

.cn-wrapper li {

不确定评论所在的位移错误是什么......但我猜这是两个问题中较小的一个。

关于css - Chrome 中转换/定位 DOM 元素的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26241577/

相关文章:

javascript - 如何使用javascript将数据从asp.net中的listview导出到pdf

css - 可以使用 flexbox 吗?输入在底部的聊天窗口,聊天向上滚动

ajax - 在 Safari 扩展中编写与 Chrome 的 onBeforeRequest 等效的代码

css - 在不使用 z-index 的情况下将一个 div 层叠在另一个之上时观察到的意外结果

javascript - 如何使用 cytoscape.js 在单个动画中向特定方向移动所有节点?

html - 当位置相对导航链接未悬停时,绝对定位的大型菜单消失

javascript - 折叠图标 - 如果超过三个元素,则更改不起作用

javascript - 我的源映射断点在 Google Chrome 中无法正常工作

html - 粘性导航栏不会跟随 Internet Explorer 和 Chrome 中的页面滚动

CSS:如何将 2 张宽度为 50% 的图像并排放置?