之前做了个半透明弹层，但设置背景半透明时，子元素包含的字体及其它元素也都变成了半透明。对opacity这个属性认识的不透彻，在这里做一些总结，方便以后使用。 ? 背景透明，文字不透明的解决方法：http://github.crmeb.net/u/defu ?为元素添加一个绝对定位的子元素，设置大小和该元素一样，把半透明加在绝对定位元素上作为遮罩，z-index设置到最底部，达到背景半透明效果。 使用CSS3新属性rgba。?实现透明的方法： ? css3的opacit...
文字带上渐变色，或者说让文字透出图片。这些效果 CSS 属性也可以完成。方法一、利用CSS3属性mix-blend-mode:lighten;实现 使用 mix-blend-mode 能够轻易实现，我们只需要构造出黑色文字，白色底色的文字 div ，叠加上图片，再运用 mix-blend-mode 即可，简单原理如下：核心代码如下：<div class="container"><div class="pic"></div><div class="text">IMAGE</div> </div>.pic {position: relative;width: 100%;height: 100%;back...
background背景 background-color背景颜色 background-image: url（），url()统一资源路径，括号里是图片的地址，需要加引号 background-repeat:背景平铺；取值：repeat默认值，在水平方向和垂直方向都平铺；no-repeat背景图不平铺；repeat-x、repeat-y在x轴或y轴平铺。 background-attachment：设置背景图像是否固定或者随着页面的其余部分滚动 值描述scroll背景图片随着页面的滚动而滚动，这是默认的。fixed背景图片不会随着页面...