最新评论
小李刀刀 2011-07-12 17:09
把
visibility:visible;
和
visibility:hidden;
分别换成
display:block;
和
display:none;
就可以了，不用改定位方式
模模 2011-03-07 10:27
jQuery也是个很简洁的东西，直接用jQuery针对IE6处理一下就可以了，这样的处理我想代码仍然是很干净的
[code=css]
.visibled
{
visibility: visible;
}
[/code]
[code=javascript]
$(document).ready(function(){
if ($.browser.msie)
{
if($.browser.version <= 6)
{
$("ul > li").hover(
function(){
$(this).find("ul").addClass("visibled");
}
,
function(){
$(this).find("ul").removeClass("visibled");
}
);
}
}
});
[/code]
ITFun 2011-02-08 02:18
[code=css]
ul li:hover ul { visibility:visible; position:relative;}
[/code]
郁闷，怎么上面的评论不是css代码形式的......
ITFun 2011-02-08 02:17
我现在自己测试了下，给[code=css]
ul li:hover ul { visibility:visible;}
[/code]
中添加z-index属性，使其的z-index提高也不行。改动其他标签的z-index属性也不行。
后来我有尝试把。[code=css]
ul li:hover ul { visibility:visible;}
[/code]
改成
[code=css]
ul li:hover ul { visibility:visible; position:absolute;}
[/code]
发现下拉菜单可以点击了，不过下拉菜单的样式改成横向的了。
于是我把绝对定位改动成相对定位
[code=css]
ul li:hover ul { visibility:visible; position:relative;}
[/code]
发现下拉菜单就是我们所需要的竖列的了。博主应该在ul li:hover ul样式中增加一个[code=css]
position：relative[/code]
的相对定位，就完美了
ITFun 2011-02-08 02:03
我在自己的网页上借用了你这种形式的css下拉菜单，感觉效果还不错，代码也简洁。
不过我发现一个很严重的问题，导致这个css下拉菜单几乎无法正常使用。
如果一个页面上只有这个下拉菜单或者下拉菜单下面有一段空白，那么这个下拉菜单的效果是完全正常的！
但是一旦当下拉菜单的下拉部分有其他文字或者图片的时候，下拉菜单仍然可以下拉，但是鼠标无法接触或移动到二级菜单上选择！鼠标一旦离开主菜单栏，二级菜单栏就自动隐藏了，根本无法点击或使用。大哥，你看能不能找出什么好一点的解决办法，我也等着用这个css下拉菜单，谢谢！
小李刀刀 2010-07-04 21:32
@葛万博
菜单在主页面，Tabs在内嵌的页面？首先我很不理解这样的结构。Tabs的标题和内容从语义上讲本来就是相关的内容，为什么要分散到不同的页面上去？
然后，在必须使用这样的结构实现的情况下，我觉得，通过父页面上的js操作iframe中的DOM是可行的，但是没有尝试过。
你何不试试？用js来控制iframe内部的dom结构。
葛万博 2010-07-04 17:22
不知道您有没有遇到过这种情况，一个页面中有一个菜单和一个iframe，iframe中嵌入的是tabs切换页，如果想用菜单来控制iframe中的tabs，就有点麻烦。同一个页面如果传不同的参数，iframe中的tabs不会发生变化，我的做法是让页面每次都刷新，结果实现了效果，但是出了另外一个问题，每次刷新后tabs会使页面上跳.... 不知道楼主对这种情况有没有好的处理办法...
小李刀刀 2010-05-06 17:14
@居后不争
[quote]居后不争：IE6 不好使[/quote]
@枫叶绿了
请参考[url=http://wukangrui.com/2009/06/22/whatever-hover-pseudo-class-without-javascript.html]http://wukangrui.com/2009/06/22/whatever-hover-pseudo-class-without-javascript.html[/url]实现IE6的兼容性。
小李刀刀 2010-05-06 17:13
@枫叶绿了
是的，已经给出了IE6的解决办法，但是不写在这篇文章里，是希望大家都一起来抵制IE6。但是有些情况下，技术人员是无法决策放弃IE6的，那么可以参考http://wukangrui.com/2009/06/22/whatever-hover-pseudo-class-without-javascript.html实现IE6的兼容性。
Nickelzhang 2010-04-15 14:50
我也发现不一样啊，
[quote]文件: D:\桌面\VS2010UltimTrial.iso
大小: 2446950400 字节
修改时间: 2010年3月20日 星期六, 16:41:40
MD5: E1E8C17BAF81AF6722FEB8987269F22E
SHA1: 7790DB7D2AAC9E1EE8BAA34D42988577689C9E7A
CRC32: 280D8D93[/quote]
这是为啥？》