怎么用CSS生成一个内凹圆角?
答:学会组合,拆解图形
可用方法:linear-gradient()
(CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变))
目前的几种现代浏览器的内核,主要有 Mozilla(Firefox,Flock等)、WebKit(Safari、Chrome等)、Opera(Opera浏览器)、Trident(IE浏览器)。->360看版本,再console里试了下,是mozilla。
console –>navigator.appCodeName
relative/absolute
relative对absolute 的作用
- 限制定位:ab: left:0 top:0
- 限制层级
- 限制超越overflow
overflow:hidden 不能限制ab
但是加了relative,可以了
relative、fixed
限制z-index层级
relative,定位特性
相对自身定位
无侵入定位:自定义拖拽
top/bottom
left/right
绝对定位是拉伸
相对定位是斗争(top,left)
relative
提高层叠上下文
dom流后面覆盖前面
position:relative(提高层级)
relative z-index :auto->不限制内部absolute层叠问题
IE6,7下,容易出现层级覆盖bug
在实际中,我们对relative的使用,要遵守relative的最小化影响原则