CSS
横向下拉菜单的css问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区横向下拉菜单css实现，无js脚本，ie下没有问题，firefox下就出问题了。
<style>
body {color:#fff;margin-top:-8px;}
#wrapper {color:#000;}
#info {margin-top:20px;}
#head {height:0px; border:0;}
#positioner {clear:both; position:relative; left:1px; z-index:100;}
.menu {display:block; position:absolute;}
.menu a.outer, .menu a.outer:visited
{ /* 定义menu的样式 */
color:#fff;
width:202px;
height:18px;
display:block;
background:#95A1D9;
border:1px solid #000;
margin-right:1px;
text-align:center;
float:left;
text-decoration:none;
font-family: verdana, arial, sans-serif;
font-size:14px;
line-height:18px;
overflow:hidden;
}
.menu a.outer:hover
{
background:blue;
overflow:visible;
}
.menu a.outer:hover table.first
{
display:block;
background:#eee;
border-collapse:collapse;
}
.menu a.inner, .menu a.inner:visited
{
display:block;
width:200px;
height:18px;
border-bottom:1px solid #000;
text-decoration:none;
color:#000;
font-family: verdana, arial, sans-serif;
font-size:12px;
text-align:center;
}
.menu a.inner:hover
{
background:#add;
}
</style>
<DIV id=wrapper>
<DIV id=head>
<DIV id=positioner>
<DIV class=menu>
<A target=content class=outer href="1.php">首页
<TABLE class=first>
<TR>
<TD>
<A target=content class=inner title="下拉1" href="1.php">下拉1</A>
<A target=content class=inner title="下拉2" href="2.php">下拉2</A>
</TD>
</TR>
</TABLE>
</A>
</DIV>
</DIV>
</DIV>
<DIV id=info>
</DIV>
</DIV>
...全文
相关推荐
横向下拉菜单源码
从西部数码网站上扣下来的效果. 主要是下拉,很少看到横向下拉的,所以就发上来了.
有下拉菜单的横向导航
网页导航中有时会用到下拉菜单，本资源中下拉菜单中包含了图片以及tab选项卡
横向多级的下拉菜单
使用CSS写的下拉菜单，鼠标移动上去显示其子菜单。中间有透明间隔
jquery水晶六级横向下拉菜单导航
jquery六级下拉菜单
CSS横向下拉菜单(兼容IE6)
CSS驱动的横向下拉菜单（改进版） 由于我的IE是IE7的，所以起初没有意识到那个下拉菜单在IE6中不能显示，今天刚把IE7卸了装了IE6，一般的，由于CSS驱动的下拉菜单不能在IE6中正常工作，大多数人会选择用JavaScript去实现下拉菜单，但其实CSS也可以做到的哦~~ 这个关键就是这个语句：body { behavior:url(csshover.htc);}。通过IE特有的属性behavior调用一个行为文件，为IE添加一些通常没有的功能。即只有IE才去下载它，其他浏览器不会浪费带宽去下载它，其缺点是：behavior声明无法通过样式表的验证。可以将之转移到一个单独的样式表文件，然
