IE 固定定位； li中有块元素的offset问题

body{
    background-image:url(about:blank); background-attachment:fixed;  /*ie 防抖动*/
}

.fix_to_top {   _position:absolute; _top:expression(eval(document.documentElement.scrollTop));  }

.fix_to_bottom{
	top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));
}

时间： 2024-12-20 11:07:21

IE 固定定位； li中有块元素的offset问题的相关文章

IE 固定定位； li中有块元素的offset、问题

body{ background-image:url(about:blank); background-attachment:fixed; /*ie 防抖动*/} .fix_to_top { _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); } .fix_to_bottom{ top: expression(eval((document.compatMode&&docu

2015-09-22 第四节课 CSS块级元素行内元素浮动盒子模型绝对定位、相当定位和固定定位

常见的块级元素和行内元素一.块级元素 1.块级元素的特点: (1).默认显示在父标签的左上角. (2).块级元素默认占满一行(沾满整个文档流). 2.常见的块级元素: <p>.<h1-h6>.<ulli>.<olli>.<div>.<tabl>.<hr> 二.行内元素(内联元素) 1.行内元素的特点: (1).大小受到文字区域的影响,不受到width和height的影响. (2).行内元素不会单独占满一行. 2.常见的行

设置list-style-position，li元素嵌套块元素时，Firefox浏览器布局失效处理

将ul列表样式符号放到列表内,很自然地想到设置list-style-position:inside.但当li元素嵌套有块元素时,Firefox下悲剧了. 查看:http://codepen.io/xiaoyewen/pen/KpzMLO Firefox下的效果成了这样的,Chrome与IE好好的看来不能这样顺利地实现效果呀,无奈就换了思路,乖乖生成小黑点吧. .list div::before { content: '.'; font-size: 20px; position: relativ

让一个元素相对于父元素固定定位

之前在项目中,遇到了一个场景,需要实现相对于父元素的fixed定位:在父元素内拖动滚动条时,"fixed"定位的元素不能滑动,在外层拖动滚动条时,父元素及父元素内的所有元素跟着一起滑动.但是position: fixed是相对于窗口进行的定位,不能直接实现我们需要的效果. 我们想让特定子元素相对于父元素"fixed"定位,也就是说,剩余的子元素不定位.那我们可以分开来想,如果添加一个祖先元素assistor,有两个祖先元素,一个用于辅助定位,一个用于包裹不定位的内容

Study 8 —— 行块元素及定位

行&块元素display:inline;display:block;display:inline-block; 盒模型padding[内边距]padding: 上下内边距左右内边距;padding: 上部内边距右边内边距下部内边距默认与右边内边距相同;padding: 上部内边距右边内边距下部内边距左边内边距; 定位1.水平位置的两个元素它们之间的外边距=左边的margin-right+右边的margin-left2.垂直方向的两个元素它们之间的外边距=两者之中较大的外边距3.包含

定位/内联元素与块元素转换

1.内联元素与块元素块元素:明显特征是独占一行,可以设置宽高 maring和padding可以设置内联元素:不独占一行,无法设置宽高,maring和padding可以设置水平的 <!doctype html> <html> <head> <meta charset="utf-8"> <title>内联元素与块元素的转换</title> <style> #s1{ width: 200px; height:

行内元素和块元素定位的问题

将行内元素设置为块元素,一个用float:left;;;;;;;;一个用float:right; <div class="form-group" style="position:relative;top:10px"> <label for="firstname" style=" display:inline-block;float:left;">用户别名</label> <input

网站布局之------浮动(float)和定位(position)(绝对定位，相对定位，静态固定定位)，***什么叫脱离文档流？

网站布局之------浮动(float)和定位(position)(绝对定位,相对定位,静态固定定位),***什么叫脱离文档流? @参考文档:http://www.cnblogs.com/jenry/archive/2007/07/15/818660.html @什么叫脱离文档流?注意,只有绝对定位absolute和浮动float才会脱离文档流! 答案:CSS中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位. ---部分无视和完全无视

解决ie6下不支持fix属性，模拟固定定位

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>模拟固定定位fix</title> 6 <style> 7 html{ height:100%; overflow:hidden;} 8 body{marg