摘要: 让我们头痛的是IE是不支持text-shadow效果,但为了在兼容这一问题,我们只好使用滤镜filter:shadow来处理(本人不提倡使用滤镜)。filter:shadow滤镜作用与dropshadow类似,也能使用对象产生阴影效果,不同的是shadow可产生渐近效果,使用阴影更平滑实现。滤镜语法:E {filter:shadow(Color=颜色值,Direction=数值,Strength=数值)}其中E是元素选择器,Color用于设定对象的阴影色;Direction用于设定投影的主向,取值为0即零度(表示向上方向),45为右上,90为右,135为右下,180为下方,225为左下方,27 阅读全文
posted @ 2013-07-05 14:00 momoの前端花园 阅读(358) 评论(0) 推荐(0) 编辑
摘要: text-shadow,让我们大家一起来学习一下吧。语法:text-shadow:none |[ ,]*={2,3} &&?默认值:none;适用于:所有元素继承性:有取值:none:无阴影①:第1个长度值用来设置对象的阴影水平偏移值。可以为负值②:第2个长度值用来设置对象的阴影垂直偏移值。可以为负值③:如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值:设置对象的阴影的颜色,可以是rgba透明色。说明:可以设定多组效果,每组参数以逗号分隔。兼容性:示例: 1 2 3 4 5 无标题文档 6 137 138 139 140 141 mark... 阅读全文
posted @ 2013-07-05 13:29 momoの前端花园 阅读(445) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 Document 6 11 12 13 14 15 鼠标经过下面的块16 17 18 19 20 21 22 23 24 低版本浏览器不支持hover伪类,这段代码可以解决这个问题。实现完美兼容。 阅读全文
posted @ 2013-07-05 10:17 momoの前端花园 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 无标题文档 6 30 31 32 33 34 35 1111111111136 222222222237 3333333333338 444444444439 5555555555540 66666666641 7777777777742 88888888888843 99999999944 0000000000045 46 47 48 49 ... 阅读全文
posted @ 2013-07-05 09:43 momoの前端花园 阅读(444) 评论(0) 推荐(0) 编辑