在CSS中有这样的一个指令:(position),在DreamWeaver中文版中翻译为“定位”,常用的属性有两个:relative(相对)与 absolute(绝对)。有很多朋友对这条指令的用法还是不清楚,这里做一些细致的讲解。position:relative;表示相对定位,被定位了这个属性的标...
分类:
Web程序 时间:
2014-11-21 20:09:23
阅读次数:
169
绝对定位:position:absolute 绝对定位使元素的位置与文档流无关,因此不占据空间。 绝对定位的元素的位置相对于最近的已定位祖先元素(absoulte、relative),如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。 因为绝对定位的框与文档流无关,所以它们可以覆盖...
分类:
Web程序 时间:
2014-11-21 18:37:52
阅读次数:
157
1、渐变色 从上到下,白色透明度100%到白色透明度0%渐变(注意为避免继承,新建元素,父元素relative,子元素absolute) background-image:linear-gradient(to bottom,rgba(255, 255, 255, 1),rgba(255, 255,....
分类:
Web程序 时间:
2014-11-21 13:57:42
阅读次数:
185
.tip{width:485px; height:260px; position:absolute;top:10%; left:30%;background:#fcfdfd; box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px; behavio...
分类:
其他好文 时间:
2014-11-21 12:04:23
阅读次数:
166
对a链接的display设置为block,以便整个标签可以点击。但是,如果对该标签设置为position:absolute后,会发现在ie6、ie7下有时点击无效,ie8下有效(ie8标准),使用zoom:1方式也无法解决问题。解决方案1、使用position:relative而不是position...
分类:
其他好文 时间:
2014-11-20 13:25:19
阅读次数:
137
1.介绍1.1 说明Position属性:规定元素的定位类型。即元素脱离文档流的布局,在页面的任意位置显示。1.2 主要的值①absolute:绝对定位;脱离文档流的布局,遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static),否则为Body文档本身。②rel...
分类:
Web程序 时间:
2014-11-19 20:27:02
阅读次数:
267
absolute relative animate()
分类:
Web程序 时间:
2014-11-19 07:04:54
阅读次数:
167
position属性absolute与relative 详解最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,收藏下来,唯恐忘记。一.解读absolute与relative很多朋友问过我absolute与relat...
分类:
Web程序 时间:
2014-11-18 23:18:43
阅读次数:
321
我们把a链接的display设置为block,但如果对该标签设置为position:absolute后,会发现在ie6、ie7下有时点击无效,ie8下有效(ie8标准),使用zoom:1方式也无法解决问题。下面是我整理出的几种方法给大家分享一下,希望能给您带来帮助。1、使用position:rela...
分类:
其他好文 时间:
2014-11-18 17:22:01
阅读次数:
197
左上角带缓冲效果跟随屏幕移动的图片-河北草坪
#floater {
position: absolute;
left: 500;
top: 146;
width: 125;
visibility: visible;
z-index: 10;
}
self.o...
分类:
移动开发 时间:
2014-11-17 12:27:23
阅读次数:
242