虽然有css有很多方法能实现png图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用css定义png透明效果的方法,方法如下:
: y/ I) ]/ k. T( e J2 _<style>" U1 y2 D/ Z. e) c* q
.mycls{
* `& @* y- o+ p; r- y. v" Rwidth: 48px;: u+ m3 f. ~& S2 r3 H& F" A
height: 48px;
1 R' c# _! U% N/ \+ @) Z, Vbackground: url(20090318230119136.png) no-repeat left top;
$ x+ p) R- W3 U, R3 J_background: none;- M. w2 Y$ T* P8 j% |& e) K- |
_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale,src=20090318230119136.png);% ~$ d7 {: Q8 D
}4 B8 q0 K) v: K W
</style>2 u) F3 a6 H; |
<body bgcolor=#cccccc>( H( t2 n; Y8 [! ~1 Z
<div class=mycls></div>
! K. x5 h( U( a/ s/ g9 A4 \/ u7 O</body> o, L$ r2 ]1 ^# a6 u8 k
用以上方法就能用css实现png图片透明效果并兼容各种浏览器,快点试试吧。+ a! l0 Z4 o9 ?. O
6 a. a* ]$ f& ^2 y9 a" H更多网页制作信息请查看: 网页制作 |