web前端|html教程
css实现横向下拉菜单
web前端-html教程
css
js播放器 源码下载,vscode拉动快捷,ubuntu pysvn,tomcat版本介绍,sqlite3 数据工具,web即时聊天插件,不用框架的app前端项目,八爪鱼爬虫循环条件,python 调用php,下城区seo费用,党网站 后台,下载的网页怎么编辑器,农业网页模板lzw
Untitled Documentbody{ color: black; } .father{ height: 31px; background-color: grey; position: relative; } .father li{ float: left; margin-right: 5px; } .son{ display: none; background-color: red; height: 30px; top: 31px; left: 0px; } .father li:hover ul{ display: block; } .son li{ float: left; margin-right: 5px; } first father son1 son1 son1
这是我的代码 但是在chrome和ie下不一样 哪位大牛帮忙解决一下 谢谢
android 情景模式源码,ubuntu链接网线教程,修改tomcat的监听端口,快传号爬虫,php匿名函数使用技巧,seo涂鸦lzw
回复讨论(解决方案)
瀑布流商城 源码,vscode 自动填充,ubuntu xitfq,tomcat 程序部署,html目录sqlite3,magento 插件 开发,组织结构图的前端框架,裁判文书网如何应对爬虫,php 使用 redis,SEO增发公布日,网站留言php,php班级网页模板,简约式网站模板下载lzw
初步帮楼主整理了下,IE7+和谷歌差不多,一般直接CSS样式控制的横向下拉菜单不是很好,最好是通过JS来控制,希望对楼主有所帮助。
横向菜单.horizontallyMenu{padding: 10px;border: 1px solid red; } .father{height: 31px;position: relative;list-style: none;margin: 0px;padding: 0px; } .father li{cursor: pointer;float: left;padding: 5px;margin-right: 5px; } .father li a{text-decoration: none; } .father li:hover ul{display: block; } .son{display: none;background-color: red;height: 30px;list-style: none;margin: 0px;padding: 0px;margin-top: 5px; } .son li{cursor: pointer;padding: 5px;float: left;margin-right: 5px; } .son li:hover{background-color: blue; }
first father son1 son1 son1