原理: 1.给ul一个绝对定位使其脱离文档流,left设置为0,把图片塞进ul里,编写一个“移动"函数,函数功能能够使ul的left以一个正速度向右跑动, 2.设置一个定时器,让"移动"函数每30(参数可变)毫秒执行一次 3.因为ul的长度会“跑”完,此时可以使ul的content也就是img增加一 ...
分类:
其他好文 时间:
2016-06-06 22:09:57
阅读次数:
217
这节我们要实现的目的只有一个,就是一栏固定一栏自适应。 1、使用div,这样就可以自动填满父标签宽度,设想方案如下: 但这个有个限制,就是sidebar必须在content之前! 2、遵循网页优化的角度,主要内容应该放前面,那么需要把content和sitebar位置换一下,然后固定蓝使用绝对定位 ...
分类:
其他好文 时间:
2016-06-05 15:34:55
阅读次数:
121
1.盒子3D模型(5层):border、content+padding、background-image、background-color、margin 2.CSS布局模型:绝对定位(absolute)、相对定位(relative)、固定定位(fixed,与background-attachment ...
分类:
Web程序 时间:
2016-06-05 12:37:37
阅读次数:
130
小伙伴们学习了绝对定位的方法:使用position:absolute可以实现被设置元素相对于浏览器(body)设置定位以后, 大家有没有想过可不可以相对于其它元素进行定位呢?答案是肯定的,当然可以。使用position:relative来帮忙,但是必须遵守下面规范: 1、参照定位的元素必须是相对定位 ...
分类:
其他好文 时间:
2016-06-03 23:03:12
阅读次数:
180
如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏 ...
分类:
其他好文 时间:
2016-06-03 21:17:48
阅读次数:
219
转自http://andymao.com/ 的部分: Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,脱离了文本流(即在文档中已经不占据位置),他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定 ...
分类:
Web程序 时间:
2016-06-02 11:21:52
阅读次数:
2589
CSS盒模型是CSS可视化格式化系统的基石,它规定每个元素(不管是块级还是内嵌元素)都会产生一个矩形盒子围绕在元素内容之外,这个盒子我们称为元素盒。 盒模型属性包括border(边框)、margin(外边距)、padding(内边距)、width(元素宽度)、height(元素高度),这些属性可以使 ...
分类:
其他好文 时间:
2016-06-02 00:28:53
阅读次数:
200
绝对定位( Absolute positioning ) 之前在介绍定位体系的时候,已经简单的介绍了绝对定位和固定定位。一般情况下,这两种定位的元素, 在 3D 的可视化模型中,处于浮动元素的上方,或者说比浮动元素更靠前1。 参照元素 绝对定位(Absolute positioning)元素定位的参 ...
分类:
其他好文 时间:
2016-06-01 12:43:44
阅读次数:
177
1:设计图 》分出几个独立模块 》颗粒化布局 》文档流控制整体布局 》固定位置的元素绝对定位,段落这种元素不可绝对定位。 》加上和后台交互用的js代码 》会采用常规的交互写法。 头部:header 登录表单:form_list 按钮:but 文本:con_text 商品:goods 说明:text_ ...
分类:
其他好文 时间:
2016-06-01 11:35:04
阅读次数:
142
刚开始出现的错误,内容会受到背景透明度改变的影响:如图: 代码: 解决方法一: 在div.wrap内再加一个div。作为蒙版,对其设置透明度的变化样式,并且让内容相对于wrap绝对定位,要记得给wrap设置相对定位!! 最后效果: 解决方法二: 用rgba()设置background的背景色和透明度 ...
分类:
Web程序 时间:
2016-06-01 01:22:28
阅读次数:
183