![下拉菜单问题(css兼容)求大神指导!【HTML】](https://100zi.50zi.cn/uploadfile/img/14/584/ca63ab28f19a22ea3b6b72d2fd89af2e.jpg)
web前端|html教程
下拉菜单问题(css兼容)求大神指导!!!
web前端-html教程
CSS HTML
医疗微擎源码,ubuntu终端护眼方案,tomcat启动完成后闪退,知乎问答爬虫,学习php从哪开始学外包,seo提高优化lzw
做了个下拉菜单IE7下不兼容!上图
但是在火狐下行,上图
e语言源码 查看,ubuntu控制显卡风扇,tomcat的超时时间,股票爬虫技术,php 大数据排序,金华seo行者seo08lzw
我要火狐这种效果谁能给我改改?
hog源码分析,vscode拷贝离线插件,uip ubuntu编译,tomcat设置长链接,商标数据爬虫,php 投票管理系统,厦门百度seo合作,微信朋友圈免费发布网站源码下载,织梦城市分站模板lzw
* { margin: 0; padding: 0; list-style-type: none; text-decoration: none; font:bold 15px 黑体; background-color:Black; color:#B8860B; }#body-head { width: 100%; height: 120px; border:1px solid red; } .logo { width: 200px; height: 70px; text-align: center; line-height: 60px; margin: 0px auto; border:1px solid red; } .navBox { margin-top: 10px; text-align: center; height: 35px; line-height: 35px; border:1px solid red; } .navBox ul { width: 980px; margin: auto; overflow: hidden; } .navBox ul li { border:1px solid red; display: inline; height:35px; padding: 10px 20px; } .navBox ul li a { text-decoration: none; } .menu { display: none; position: absolute; width: 980px; background-color: White; height: 120px; } #body-main { width: 100%; height: 600px; } .img-list { text-align: center; margin: 0 auto; } #body-bottom { width: 100%; height: 100px; }$(function () { var currentColor = $(".navBox ul li").css("background"); $(".navBox ul li").mouseover(function () { $(this).children("div").show(); $(this).css("background", "White"); }); $(".navBox ul li").mouseout(function () { $(this).children("div").hide(); $(this).css("background", "Black"); }); });
nihao
首页 关于品牌
品牌介绍 目标愿景 管理层(董事长、产品总监、品牌总监)
最新动态
公司新闻 行业动态
彩宝欣赏
宝石 钻石
珠宝首饰
戒指 挂件 项链 手链/手镯 耳坠
珠宝课堂
img
品牌合作
产品供应 品牌加盟
<!---->
回复讨论(解决方案)
IE就是一怪胎
应该简单
只要在.navBox
里加上position:relative;这样的一句话
然后再.menu 里加上
left:0px;
top:45px;就可以了把
上面的还有点问题,不要上面
应该是
改ul里的
也就是
.navBox ul
{
width: 980px;
margin: auto;
position:relative;
}
加position:relative;
然后在.menu 里加上
left:0px;
top:16px;
就可以了
做了个下拉菜单IE7下不兼容!上图
但是在火狐下行,上图
我要火狐这种效果谁能给我改改?
* { margin: 0; padding: 0; list-style-type: none; text-decoration: none; font:bold 15px 黑体; background-color:Black; color:#B8860B; }#body-head { width: 100%; height: 120px; border:1px solid red; } .logo { width: 200px; height: 70px; text-align: center; line-height: 60px; margin: 0px auto; border:1px solid red; } .navBox { margin-top: 10px; text-align: center; height: 35px; line-height: 35px; border:1px solid red; } .navBox ul { width: 980px; margin: auto; overflow: hidden; } .navBox ul li { border:1px solid red; display: inline; height:35px; padding: 10px 20px; } .navBox ul li a { text-decoration: none; } .menu { display: none; position: absolute; width: 980px; background-color: White; height: 120px; } #body-main { width: 100%; height: 600px; } .img-list { text-align: center; margin: 0 auto; } #body-bottom { width: 100%; height: 100px; }$(function () { var currentColor = $(".navBox ul li").css("background"); $(".navBox ul li").mouseover(function () { $(this).children("div").show(); $(this).css("background", "White"); }); $(".navBox ul li").mouseout(function () { $(this).children("div").hide(); $(this).css("background", "Black"); }); });
nihao
首页 关于品牌
品牌介绍 目标愿景 管理层(董事长、产品总监、品牌总监)
最新动态
公司新闻 行业动态
彩宝欣赏
宝石 钻石
珠宝首饰
戒指 挂件 项链 手链/手镯 耳坠
珠宝课堂
img
品牌合作
产品供应 品牌加盟
<!---->
主要的是还得记得把.navBox ul里的overflow: hidden;删掉哦
把menu里面的 position: absolute;删掉,这个是绝对的,不行的…