导航

« 牛牛记事官方发布2016 v2.0vb.net 窗体设计常用技巧  »

height auto float 兼容ie6-ie9 分享

Css

这几天在测试一个网页,其中导航栏的高度应该按需要变换,如果直接设置所在层为Height:auto,那么ie6可以,而ie8或ie9就不行了(火狐同样不行),而把所在层设置为overflow: hidden后竟然ie和火狐全都可以了,这可大大出乎意料了。

ie8,ie9,火狐这三个默认情况下把div层内设置为float(有浮动时)不会自动变换高度,而overflow: hidden应该是对固定高度的层起作用,并且会把超过层的内容隐藏起来,很难想到它会起到"auto height"的效果,遇到类似问题的朋友可以从这个方向尝试。

更多浏览器兼容性问题可以看这里:http://www.spersky.com/post/ie6compatibility.html

其它问题

1.设置iframe 边距为0

document.writeln("<iframe src=\"http:\/\/www.spersky.com\/mynav\/test.jpg\" frameBorder=\"0\" marginheight=\"0\" marginwidth=\"0\" width=\"960\" scrolling=\"no\"   height=\"479\"><\/iframe>")

  • 顶一下





原创文章如转载,请注明:转载自落日故乡

本文链接地址:http://www.spersky.com/post/362.html
  • quote 2楼  故乡
  • head
    引自 笔记本
    2011-8-28 18:38:03&nbsp;回复该留言
    我去试试q10
  • 2011-9-1 8:38:21 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

内容搜索


常用链接

最新评论及回复

Powered By Z-Blog

Copyright spersky All Rights Reserved.Theme Moonlight,Calf modified.