摘要: 五:文字溢出bug(注释bug)1、在以下情况下将会引起文字溢出bug一个容器包含2两个具有“float”样式的子容器。第二个容器的宽度大于父容器的宽度,或者父容器宽度减去第二个容器宽度的值小于3在第二个容器前存在注释(这也是为什么此bug也叫做“IE6注释bug”的原因)。2、引起bug时的效果图这是正常效果 IE6下却多了一个“怪”字,真是怪3、修复该bug的解决方案改变结构,不出现【一个容器包含2两个具有“float”样式的子容器】的结构。——此解决方案的评论:疯了!因噎废食的做法。减小第二个容器的宽度,使父容器宽度减去第二个容器宽度的值大于3,例如将本文示例中第二个子容器的宽度改为19 阅读全文
posted @ 2013-12-19 14:36 Ranran 阅读(676) 评论(0) 推荐(2) 编辑
摘要: 最近在一个私活做手机项目时候,需要实现一个类似ios 6中短信那样的气泡效果。这里分享下实现心得,希望能给大家一点启发。首先分析下iphone的气泡效果有一下特点1. 四面圆角2. 界面上向下的外阴影3. 上边和下边的内阴影4. 上边内的一个内嵌的玻璃气泡的反光效果因为文字的长度、高度,内容多少都未知,所以如果用图片,会涉及到了多张拼贴,而且效果不好,所以就选择了CSS3。首先定义一个容器,盒模型为display: inline-block,方便自适应文字大小.bubble {position: relative;display: inline-block;min-width: 30px;ma 阅读全文
posted @ 2013-12-19 11:44 Ranran 阅读(792) 评论(0) 推荐(0) 编辑