我正在尝试测试zurb foundation 4 css框架。如果zurb的网站foundation 4文档中提到了foundation 4使用部分替换了旧foundation 3中的折叠、标签和垂直导航栏和& nav bar,但我找不到如何在鼠标悬停时制作垂直导航栏;我必须点击标题。如何在鼠标悬停时使垂直导航成为弹出菜单?Mouseover是一种非常标准的方法,我希望在foundation 4中有简单的方法来开启它。
我想知道是否有可能在导航栏上仅当:hover仅在html/css语言中处于活动状态时才显示img。
当我:hover 时,我正试图在我的导航栏下面显示这个灯
这是我的html代码:
这是我的css:
1个问题:没有JS我能做到这一点吗?(通过玩不透明游戏)。因为我试过
ul li a img{不透明度: 0;}
ul li a img:鼠标悬停{不透明度:1;},它不工作。
2我是否可以对css中具有不同值的其他导航栏元素再次使用相同的img来更改位置,例如使用不同的类?只需改变大小和x值?如果是绝对的或相对的?
谢谢大家的光临,祝大家愉快!
我的项目是从Thymeleaf迁移到Angular的。导航栏和页脚包含在所有页面上的其他文件中。有趣的是-导航栏/页脚在大多数页面上都可以工作,没有主页、登录页面和谢谢注册页面。上述页面不加载导航栏/页脚(HTML状态302),我们可以暂时在后台看到登录页面中的字段。此外,浏览器的运行速度非常慢,并显示警告:
WARNING: Tried to load AngularJS more than once.
在屏幕上,我们可以在HomePage上看到导航栏和页脚的片段,因为我临时使用了百里叶作为有问题的登录页面,并从那里加载了它们。
index.html (主页)
<!DOCTY