liliyou

2017年6月20日

摘要： css代码： html代码：效果：阅读全文

posted @ 2017-06-20 22:04 liliyou 阅读(2262) 评论(0) 推荐(0) 编辑

摘要：解决方式一： .clearfix:after{content:".";display:block;visibility:hidden;clear:both;height: 0;} 解决方式二： .clearfix{overflow: auto;zoom: 0;} 此种方式当缩放窗口时会出现滚动条阅读全文

posted @ 2017-06-20 09:43 liliyou 阅读(106) 评论(0) 推荐(0) 编辑

图片在IE8浏览器多一个有边框问题解决办法

摘要：最后在网上找了一下答案，IE8浏览器图片多一个有色边框，而Chrome浏览器没有边框的解决办法。指定img的边框样式： img{border-style:none;} 阅读全文

posted @ 2017-06-20 09:29 liliyou 阅读(297) 评论(0) 推荐(0) 编辑

外部盒模型大小固定内部有边框div设置浮动时缩放窗口内部div溢出的解决办法

摘要：原因分析： chorme和firefox浏览器下当缩放窗口大小时，边框的计算宽度变大造成内部div宽度的计算宽度变大，外部div放不下内部div而溢出。解决办法：给内部div设置对于不支持box-sizing的ie8-浏览器另写css样式解决 <!--[if lt IE 7]> <link r 阅读全文

posted @ 2017-06-20 09:23 liliyou 阅读(261) 评论(0) 推荐(0) 编辑

ie6-ie8支持CSS3选择器的解决办法

摘要：引入nwmatcher.js和selectivizr.js 阅读全文

posted @ 2017-06-20 09:14 liliyou 阅读(432) 评论(0) 推荐(0) 编辑

2017年5月18日

box-shadow outline 实现双边框阴影

摘要：文字阴影格式：text-shadow：x y blur color, … 参数 x 横向偏移 y 纵向偏移 blur 模糊距离 color 阴影颜色文本阴影如果加很多层，会很卡很卡很卡没有border-shadow 这一项效果： 1 <!DOCTYPE html> 2 <html lang= 阅读全文

posted @ 2017-05-18 11:53 liliyou 阅读(458) 评论(0) 推荐(0) 编辑

first-child与next-child失效

摘要：解决方案：用一个div包括着阅读全文

posted @ 2017-05-18 11:02 liliyou 阅读(145) 评论(0) 推荐(0) 编辑

练习一切

公告