为什么我给UIkit的Subnav子导航设置背景色后菜单项完全消失了? Designer°星光 提问于 2026-02-19 04:04:23 阅读 24 组件 我在用UIkit的Subnav做横向导航栏时,想给子菜单项加个浅灰色背景。按文档写了个CSS覆盖,默认样式却导致所有菜单项突然不显示了。 尝试过这样写: .subnav > li:hover { background-color: #f0f0f0; /* 这里加了其他样式 */ display: block; position: static; } 但只要添加这段CSS,整个子导航的下拉菜单就完全看不见了。检查元素发现子元素 的高度变成了0,但文字内容还在。不知道是哪个属性冲突了? 我来解答 赞 6 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 瑞娜 Lv1 问题出在 display: block 和 position: static 上,这两个属性破坏了UIkit Subnav的默认布局。改成这样: .subnav > li:hover { background-color: #f0f0f0; } 只改背景色就够了,别动默认的 display 和 position。如果需要调整定位,可以用 padding 或 margin 来微调,别直接覆盖核心布局属性。 回复 点赞 1 2026-02-19 05:00 加载更多 相关推荐 2 回答 84 浏览 为什么我的UIkit手风琴只能展开一个面板? 我用UIkit做手风琴菜单时,设置成允许多展开后完全失效,只能同时打开一个面板。按照文档写了data-uk-accordion="{multiple:true}",但不管怎么调整都没效果,控制台也没报... Mc.焕玲 组件 2026-02-02 06:04:27 1 回答 18 浏览 UIkit Lightbox图片预览无法自动播放轮播,如何解决? 折腾了一下午想让UIkit的Lightbox灯箱轮播图片自动播放,但设置autoplay属性后完全没反应。初始化代码和HTML结构都检查了好几遍: UIkit.util.on(document, ... 可欣 组件 2026-02-15 15:16:27 1 回答 41 浏览 UIkit Sticky导航栏滚动到顶部时突然消失怎么办? 我在用UIkit的Sticky组件做固定导航栏,滚动到页面顶部时导航栏突然消失了,但往下拉又会出现,这是怎么回事? 代码结构是这样的: <nav class="uk-navbar-contain... 诗雅 组件 2026-02-14 06:09:24 2 回答 39 浏览 为什么我的UIkit手风琴点击后无法展开或切换? 在React项目里用UIkit的Accordion组件,按照文档写了基本结构,但点击标题时内容区域完全没反应。已经确认引入了uikit-accordion.min.js,也检查过事件绑定和方法调用,但... 端木可欣 组件 2026-02-10 23:41:26 2 回答 95 浏览 UIkit的Sticky组件在React里滚动时不固定位置怎么办? 在React项目里用UIkit的Sticky组件包裹导航栏,设置data-uk-sticky属性后,页面滚动时导航栏完全不动了,但应该固定在顶部才对。我按照文档初始化过UIkit.init(),也试过... 彤彤 组件 2026-02-08 09:33:25 2 回答 46 浏览 UIkit的Dropdown下拉菜单点击外部无法关闭怎么办? 用UIkit的Dropdown组件时,下拉菜单弹出后点击外部区域或按Esc键都关不掉,明明按照文档写了uk-dropdown属性... 尝试过检查HTML结构和初始化代码,发现这样写的: <bu... 程序猿保霞 组件 2026-02-04 09:47:25 2 回答 45 浏览 为什么我的UIkit栅格在移动端显示错乱? 大家好,我在用UIkit做响应式布局时遇到个问题。设置了uk-grid的两列在桌面端显示正常,但手机端左侧列突然变窄挤在一起,原本应该堆叠的布局反而并排了。 我试过把列的class改成uk-width... 司马树萱 组件 2026-01-31 08:15:31 2 回答 40 浏览 为什么UIkit的Modal模态框无法通过JavaScript关闭? 我用UIkit写了个带确认按钮的模态框,想通过点击按钮用JS关闭,但完全没反应。代码检查了好几遍: 打开模态框 确认 function closeModal() { UIkit.modal('#con... 诸葛志鸽 组件 2026-01-27 09:08:22 1 回答 69 浏览 UIkit的Toggle切换器点击后无法触发事件怎么办? 我用UIkit的Toggle组件做开关,按文档写好了HTML结构,但点击切换时事件完全没反应。试过用onchange和click事件都试过了,控制台也没报错,就是不执行回调函数... 代码是这样的:&... UI宝玲 组件 2026-02-12 22:57:22 1 回答 35 浏览 UIkit的Switcher切换内容不显示,怎么解决? 我在用UIkit的Switcher做选项卡切换时,点击标签后对应的内容区域一直空白。检查了HTML结构和类名都没问题,控制台也没报错,但内容就是不显示。 尝试过手动调用UIkit.update()和设... Top丶张豪 组件 2026-02-19 01:52:26
display: block和position: static上,这两个属性破坏了UIkit Subnav的默认布局。改成这样:只改背景色就够了,别动默认的
display和position。如果需要调整定位,可以用padding或margin来微调,别直接覆盖核心布局属性。