本篇文章主要介绍了" css背景图片的背景裁切、背景透明度、背景变换等效果运用"，主要涉及到方面的内容，对于CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：
这篇文章是99翻译Nicolas Gallagher 的CSS background image hacks 一文。大家都知道，目前有很多浏览器无法实现背景裁切...
我们可以利用定位把伪元素定位在内容层下面，这样就不会影响内容了。之后利用坐标或者宽高调整伪元素的大小，使其适配内容。之后给伪元素设置背景图片，改变伪元素的透明度就可以了。
复制代码
代码如下:
#content {
position:relative;
z-index:1;
}
#content:before {
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
background:url(image.jpg);
opacity:0.7;
}
这几种方法可以说将伪元素运用的是炉火纯青，当然他还是有一些限制的，比如说低版本浏览器的不兼容，就算是在现代浏览器中，伪元素有些效果也不被支持，比如说CSS3的animation属性在Webkit内核下就会有问题，但话又说回来，他的用处还是很多的，使用伪元素来制作阴影效果，如23 Box-shadow Effects ，使用伪来制作对话气泡效果，如Pure CSS speech bubbles 。当然还有很多其他的效果。这里就不一一说了。
最后希望这篇译文对大家有所帮助，特别是帮助大有增长思维。
以上就介绍了 css背景图片的背景裁切、背景透明度、背景变换等效果运用，包括了方面的内容，希望对CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。
本文网址链接：http://www.codes51.com/article/detail_1800545_4.html
