前端
丶Eric
这个作者很懒,什么都没留下…
展开
-
sticky-footer的三种解决方案
在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送,我们看到的效果就如下面两张图这样。这种效果基本是无处不在的,很受欢迎。 那么面对这样的问题有什么解决方法呢?首先我们先构建简单的代码<body> <div class=...转载 2018-07-03 16:20:57 · 165 阅读 · 0 评论 -
display:table的几个用法
DIV+CSS的布局已经让表格布局几乎很少用到,除非表格语义性很强的情况。display:table解决了一部分需要使用表格特性但又不需要表格语义的情况,尤其是DIV+CSS很不方便解决的问题,比如以下两种情况:一、父元素宽度固定,想让若干个子元素平分宽度通常的做法是手动设置子元素的宽度,如果设置百分数不一定能整除,设置具体的数值又限制了父元素的宽度固定,很烦。可以使用display:table来...转载 2018-07-04 19:35:32 · 350 阅读 · 0 评论 -
CSS3实现模糊背景的三种效果
普通背景模糊效果如下: 使用属性:filter:(2px)1普通背景模糊为了美观不能使背景前的文字模糊,而filter属性会使这整个div的后代并且还会出现白边。也就是说无法达到这个效果。怎么办呢?我们可以使用伪元素,这样我们也顺便解决了白边的问题。实现思路: 在父容器中设置背景,并且使用相对定位,方便伪元素重叠。而在:after中只需要继承背景,并且设置模糊,绝对定位覆盖父元素即可。这样父容器中...转载 2018-07-04 19:40:40 · 1789 阅读 · 0 评论