虽然有css有很多方法能实现png图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用css定义png透明效果的方法,方法如下:
+ E+ X3 Y9 z5 P( y( T<style>
5 z5 {& u3 q% N0 W% b- `.mycls{
4 N' E4 M% n, O8 z7 W5 O/ j$ ]width: 48px;* c9 i/ `% B5 c7 P
height: 48px;- U' l5 D- k) y: ~' x& c6 ]6 I* E
background: url(20090318230119136.png) no-repeat left top;
% W$ h6 o# r* {3 }_background: none;
s9 S; j& H; [* ~0 ?" T5 l_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale,src=20090318230119136.png);
" A& }6 v5 \- [ H. \2 B8 l/ j5 Q1 A& q}5 A' l( E) N/ E* T
</style>6 {* `/ X$ s; ?0 P% C
<body bgcolor=#cccccc>& ?* t1 v) t! k4 }
<div class=mycls></div>
( c' ~2 h+ @$ k0 l</body>, }+ Z/ L T' A: m$ _+ l
用以上方法就能用css实现png图片透明效果并兼容各种浏览器,快点试试吧。0 `& Y% a/ w$ J3 W. R/ l7 j
7 z3 Q6 K2 D! H更多网页制作信息请查看: 网页制作 |