草庐IT

menu_bar

全部标签

html - Angular 2 Material 自定义 md-menu

我是Angular2Material的新手,我正在尝试自定义md-menu组件的样式。dehazeItem1Item2预定义样式设置工作正常(例如,将菜单设置为非重叠),但我想将md-menu设置为100%宽度,并在md-icon按钮之间留出一点空间,以扩展菜单,我不能用predefineddirectivesfromAngular2Material做.到目前为止,我找到了使用/deep/css命令的解决方案,但我了解到主流浏览器不再支持该命令。自定义Angular2Material组件的好方法是什么?我如何设置我的md-menu的样式,使其具有100%的宽度并且在扩展按钮之间有一些空

html - Angular 2 Material 自定义 md-menu

我是Angular2Material的新手,我正在尝试自定义md-menu组件的样式。dehazeItem1Item2预定义样式设置工作正常(例如,将菜单设置为非重叠),但我想将md-menu设置为100%宽度,并在md-icon按钮之间留出一点空间,以扩展菜单,我不能用predefineddirectivesfromAngular2Material做.到目前为止,我找到了使用/deep/css命令的解决方案,但我了解到主流浏览器不再支持该命令。自定义Angular2Material组件的好方法是什么?我如何设置我的md-menu的样式,使其具有100%的宽度并且在扩展按钮之间有一些空

html - 为什么 `ul` 具有 ARIA 角色 `menu` 但 `menuitem` 被禁止用于 `li` ?

刚刚涵盖了关于ARIAroles的一些策略规范.为什么ul具有ARIA角色menu但menuitem对li是禁止的?我想使用ul、li和HTML5的nav元素结合ARIA角色navigation来描述一个导航栏、菜单和菜单项。ARIArolebug?example.comW3'sHTML5validator在这里唠叨我:Badvaluemenuitemforattributeroleonelementli. 最佳答案 Jukka是incorrecthere.W3Cvalidator不检查WHATWGLS,而是检查W3CHTMLspe

html - 为什么 `ul` 具有 ARIA 角色 `menu` 但 `menuitem` 被禁止用于 `li` ?

刚刚涵盖了关于ARIAroles的一些策略规范.为什么ul具有ARIA角色menu但menuitem对li是禁止的?我想使用ul、li和HTML5的nav元素结合ARIA角色navigation来描述一个导航栏、菜单和菜单项。ARIArolebug?example.comW3'sHTML5validator在这里唠叨我:Badvaluemenuitemforattributeroleonelementli. 最佳答案 Jukka是incorrecthere.W3Cvalidator不检查WHATWGLS,而是检查W3CHTMLspe

html - 防止固定位置背景图像 : cover from resizing in mobile browsers upon address bar hide

很抱歉缺少这方面的示例,但我认为它很容易理解。我的网站有一个固定的背景,目前是这样实现的:#background{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#28305e;background-image:url(../images/background.jpg);background-size:cover;-moz-background-size:cover;background-position:centercenter;z-index:-10;}到目前为止,这在所有浏览器中都很棒,除了移动浏览器,它

html - 防止固定位置背景图像 : cover from resizing in mobile browsers upon address bar hide

很抱歉缺少这方面的示例,但我认为它很容易理解。我的网站有一个固定的背景,目前是这样实现的:#background{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#28305e;background-image:url(../images/background.jpg);background-size:cover;-moz-background-size:cover;background-position:centercenter;z-index:-10;}到目前为止,这在所有浏览器中都很棒,除了移动浏览器,它

javascript - 推特 Bootstrap : How to achieve an always-collapsed navbar dropdown menu?

我在TwitterBootstrap中使用Navbar组件http://getbootstrap.com/components/#navbar我的目标是让导航栏始终折叠(即使在桌面大小的设备上查看时也是如此)。如何做到这一点?我创建了这个JSFIDDLE到目前为止我的代码-你会发现它是非常标准的。当结果窗口的尺寸较小时,下拉菜单会折叠。但是,如果您放大结果窗口,则下拉菜单不会折叠。我已经准确地粘贴了JSFiddle中的内容以供引用:TogglenavigationBrandLinkLinkDropdownActionAnotheractionSomethingelsehereSepar

javascript - 推特 Bootstrap : How to achieve an always-collapsed navbar dropdown menu?

我在TwitterBootstrap中使用Navbar组件http://getbootstrap.com/components/#navbar我的目标是让导航栏始终折叠(即使在桌面大小的设备上查看时也是如此)。如何做到这一点?我创建了这个JSFIDDLE到目前为止我的代码-你会发现它是非常标准的。当结果窗口的尺寸较小时,下拉菜单会折叠。但是,如果您放大结果窗口,则下拉菜单不会折叠。我已经准确地粘贴了JSFiddle中的内容以供引用:TogglenavigationBrandLinkLinkDropdownActionAnotheractionSomethingelsehereSepar

html - Jade : Change active menu item in parent template

我的父级jade模板中有一个导航栏,我想突出显示当前可见的项目。所以如果我在博客页面上,ulliHomeli.activeBlogliContactUsliAbout在不将导航栏结构复制到每个子模板的情况下,有没有办法让父模板看到它正在扩展的页面并相应地应用active类? 最佳答案 parent.jadedoctype5htmlblocklink-varselected='home';//default-varmenu={'home':'/home','blog':'/blog','contact':'/contact'};bod

html - Jade : Change active menu item in parent template

我的父级jade模板中有一个导航栏,我想突出显示当前可见的项目。所以如果我在博客页面上,ulliHomeli.activeBlogliContactUsliAbout在不将导航栏结构复制到每个子模板的情况下,有没有办法让父模板看到它正在扩展的页面并相应地应用active类? 最佳答案 parent.jadedoctype5htmlblocklink-varselected='home';//default-varmenu={'home':'/home','blog':'/blog','contact':'/contact'};bod