CSS中的-pie-background
属性是什么呢?这个属性实际上是由一个非官方的插件“PIE”所添加的。PIE是一个可以让IE6-9浏览器兼容CSS3属性的JavaScript库。
对于使用CSS3属性的网页,通常都需要添加-pie-background
属性来保证在旧版IE浏览器中的兼容性。这个属性通常用于为某个元素添加背景图片,并且还可以添加其它的CSS3样式属性,比如圆角、阴影、透明度等。
.example{ background-image: url('bg.png'); -pie-background: url('bg.png') 0 0 no-repeat; border-radius: 20px; box-shadow: 2px 2px 5px #999; opacity: 0.8; behavior: url('pie/PIE.htc'); }
在上述代码中,我们可以看到一个.example
的样式选择器,其中既有普通的background-image
属性,也有-pie-background
属性的设置。这个样式选择器还包含了圆角、阴影、透明度等其它CSS3属性的设置。
最后需要注意的是,在-pie-background
属性中,我们需要指定这张背景图片的位置,以及是否需要重复等其它设置。同时还需要让这个元素的behavior
属性指向PIE库的路径。