摘要:
css有5种不同的position属性值我们不会讨论inherit,因为顾名思义,它就是继承了父元素的值,而且在比较老的IE版本中,支持情况也不好。任何元素的position属性的默认值都是static。所谓的static定位就是元素在文档流中。当然了,这完全取决于你的HTML结构。另一个值你肯定见过,它就是fixed。说白了,它就是把一个对象钉在背景上,因此无论你把它放在哪,它就会一直在那。我们经常在sidebar的导航元素中看到它的身影,当页面向下滚动了很远的距离,这时候我们想回到顶部,如果没有一个fixed的导航,这种用户体验是很差的。前面这三个值都很浅显易懂,接下来是绝对定位和相对定位 阅读全文
摘要:
需求比如新浪微博的tip,或者别的网站常用的tip,都可以看到三角形的身影,一般来说,都会使用图片,但是我希望能用css解决。三角形的实现方式(不考虑css3):1. 纯字符2.border可选字符如下:◣◢◤◥▲▼► ◄△▽⊿你可以等比放大缩小,或者改变颜色如果字符无法满足需求,使用border.arrow { display: block; width: 0; height: 0; font-size: 0; /** 下面两行随你配置 **/ border-width: 40px; border-style: solid; border-co... 阅读全文