虽然有css有很多方法能实现png图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用css定义png透明效果的方法,方法如下:
, B- m8 T7 p4 }. z<style>7 Q, q2 N6 X: \2 Z
.mycls{4 x4 n2 ^ c- R7 ~7 j: n& z
width: 48px;
, r: ~. O* V( O- ]8 B7 {& hheight: 48px;
1 j! E" n9 u3 ^6 w$ Y6 B. i6 Hbackground: url(20090318230119136.png) no-repeat left top;+ q2 M! X4 D" v4 S; f6 U
_background: none;) E; o& B: [2 ~' {
_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale,src=20090318230119136.png);* R' Z7 Y/ {- {$ I' r2 ^* ]4 K
}
4 y. H# V2 z6 v, @3 B# f3 v/ ~9 K3 x</style>/ t; n5 N6 r1 }; ?( g
<body bgcolor=#cccccc>+ o0 E8 m8 z2 C2 A2 |( A% o8 g8 v
<div class=mycls></div>
7 n! I- U: z, Q3 m! F</body>4 }" D/ Y8 f. Q2 Q5 s
用以上方法就能用css实现png图片透明效果并兼容各种浏览器,快点试试吧。- w! E/ P8 j# r1 }/ H
) @4 v$ \; |4 R1 X3 Q
更多网页制作信息请查看: 网页制作 |