虽然有css有很多方法能实现png图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用css定义png透明效果的方法,方法如下:
& q+ t7 B" D7 Y<style>3 G. h$ N# s; O7 a; L0 o
.mycls{6 e7 V; S: {; E
width: 48px;8 c, j1 J D; Z" `, \
height: 48px;2 q" x3 W: v: B, K
background: url(20090318230119136.png) no-repeat left top;
8 s3 D" m2 p+ q. Q_background: none;- f' O9 d' q' A/ P+ ~
_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale,src=20090318230119136.png);7 e K& X% C: V* n& ?4 k+ P
}( R/ W' V2 J; X/ t7 {
</style>: J: d8 [7 j2 ~/ l& r
<body bgcolor=#cccccc>9 P8 l1 `# r0 |$ z: f. [* }7 q
<div class=mycls></div>
0 W3 E A( V7 T' K8 U5 A+ T+ K7 t</body>
. ^' d5 A: }( y& Y r( _- o用以上方法就能用css实现png图片透明效果并兼容各种浏览器,快点试试吧。
3 A3 f7 ^; T5 G; N# Z8 S; j( h* v7 k" U8 D5 z+ c: _
更多网页制作信息请查看: 网页制作 |