随笔分类 -  CSS

摘要：relative/static： 包含块为最近的块级框，表单元格或行内块祖先框的内容边界构成 absolute： 包含块为最近的最近的、position不是static的祖先元素 fixed： 包含块为视窗，结合top | left | right | bottom，left等初始值为auto，不同 阅读全文

摘要：1. 父容器relative, 且left为200px或随意正数，子容器也会向右靠，但是若子容器设为fixed，则对于子容器来说left会失效，必须给子容器重新设为left：200px ？ 对fixed理解错误，fixed的包含块是视窗，所有的偏移都是相对视窗来说的，之所以产生这种现象是因为left 阅读全文

摘要：原始（未居中）： Solution 1： 给absolute元素的left设为50%, margin-left设为absolute元素宽度一半的负数 Solution 2： 原理和1相似，设left：50%，但使用css3的transform：translate(x,y); Solution 3： 阅读全文

摘要：Q.如何给一张图片img加遮罩层？ A1.在<img>下加一个表示遮罩层的空标签 html代码： css代码： A2.给container设置背景 css代码： 阅读全文