IE6支持position:fixed完美解决方法_经验交流

今天去一老外站看到了这他站上的十分平滑但却没有js,好奇,原来。。巧妙啊,分享下,相对而言比较节省资源。但效果好,使用方便,兼顾w3c。哈哈

复制代码 代码如下:

<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]><link rel="stylesheet" href="ie-stuff.css" type="text/css" media="screen"/><![endif]-->

ie-stuff.css

复制代码 代码如下:

#footer {
position: absolute;
bottom: auto;
clear: both;
top:e­xpression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 1);
}

时间: 2024-09-27 11:28:38

IE6支持position:fixed完美解决方法_经验交流的相关文章

ie6,ie7,ie8完美支持position:fixed的终极解决方案_经验交流

ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动:以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁. 复制代码 代码如下: <div id="goTop_div" class="fixed ie">  </div> css: 复制代码 代码如下: .fixed{         positio

iphone safari不支持position fixed的解决方法_javascript技巧

需求是这样的,许多pc web页面的导航都是固定的,比如google的首页,现在要将这种固定的导航转移到mobile web下,很自然地就会想到position:fixed; bottom: 0,android下运行正常,但在iphone safari下就会出现问题,当滚动条滚动时,导航条就会出现屏幕的上方,黑乎乎的一块,很不协调.许多人推荐iscroll.jquery mobile等框架,但有时效果不如意或是得阅读框架源码进行二次开发,会花费好长一段时间的.经过一段时间的研究,找到了一种解决办

当标题不能显示完整的解决方法_经验交流

其实建议用css控制超出隐藏显示 也就是标题因为设计的宽度问题所以没有显示全,看样子是使用程序来截字的.我想很多网站都遇到这样的情况.为了视觉效果不得不进行截字显示以满足网站的整体视觉效果.通常我们采用截字的方法是两种,一种是通过后台输出时来事先设定一定的字符数量.另一种是通过CSS或是JS来对已经输出的完整的内容进行视觉剪截. 在网页标准没有兴起的时候基本上是采用第一种方式来解决这个问题,直到现在这种方式依然被广泛地使用着.这种方式的好处就是可以准确的剪截字数,而不足可能就是因为剪截的工作在后

div总是被select遮挡的解决方法_经验交流

<html>  <head>  ­  <meta http-equiv="Content-Type" c>  ­  <title>div被select遮挡的解决方法--</title>  </head>  <body>  ­  <iframe style="position:absolute;z-index:9;width:expression (this.nextSibling.off

Firefox2中输入框丢失光标bug的解决方法_经验交流

虽然庆幸的是Firefox3中解决了这个bug,但Firefox3还在beta阶段,取代Firefox2还是需要一些时间的,下面就来仔细说一下这个问题: 一.样式为{position:absolute;}的容器中的表单输入框在样式为类似{overflow:auto;}的容器区域中失去光标 可以通过例一到例六来了解最常见的情况. 如果想整个body都出现失去光标,可以设置html和body两个容器,请看示例.包括举例的overflow:auto在内能引起该Bug的overflow属性共有: ove

Internet Explorer 8 beta 中文版与IE7共存的解决方法_经验交流

web开发人员关心的IE7和IE8共存的问题其实可以很好的解决. 解决方案一:在浏览器右上角有一个"模仿IE7"的切换按钮,但有点麻烦,需要关闭浏览器再重新打开才可以. 解决方案二:在IE8自带的"开发人员工具"中,点击查看选择striet(Internet Explorer7),既可以不重新启动浏览器观看IE7下的效果.可以只提供IE5/7/8三种,并没有IE6模式,还好我有" href="http://tredosoft.com/Multip

网页中英文混排行高不等问题的解决方法_经验交流

基本上快被这个问题搞疯了,症状如下 症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况.影响了布局的美观性,造成上图情况的原因是中英文的文字基线不同,arial字体的下边缘要比宋体(同为12号)低一个象素,上边缘比宋体矮两个象素,而且英文还有i,y这种上下基线不同的情况.所以当中英文混排对齐时,就会出现明显的高度差异,使排版不均.可见放大图. 采用中英文字均使用宋体的方案 可以解决文字排列不对

IE Bug--浮动对象外补丁的双倍距离的解决方法_经验交流

The IE Doubled Float-Margin Bug  IEBug--浮动对象外补丁的双倍距离 先看以下代码: #box{     background: ThreedFace;     width: 500px;     height: 400px;     } #box1{     float: left;     background: #F2F2F2;     width: 300px;     height: 200px;     margin-left: 50px;    

firefox的超链接点击去除扩大的难看虚线的解决方法_经验交流

在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了,因为Firefox会错误地扩大链接的边框: 在Firefox的地址栏输入about:config,回车.有一个配置项叫做"browser.display.focus_ring_width",把它修改成0,点击链接时就不会出现那个边框.但这样的话,在焦点落在按钮上时也没有了边框指示.而且作为一个开发者,在浏览器里设置这个属性,无异于掩耳盗铃. 这实际上是Firefox在<a>这个标签处于focus状态