虽然有css有很多方法能实现png图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用css定义png透明效果的方法,方法如下:1 S$ Q- K3 y6 _5 z* v# U" O
<style>2 F8 L* g) y7 k( i/ O, H8 W5 G( l
.mycls{1 C1 L i) m1 t% v) e# u# T8 |
width: 48px;$ D( B1 f, } F( o
height: 48px;
. n' a. o- O' H) } m5 bbackground: url(20090318230119136.png) no-repeat left top;, b; @& m0 ^3 ` C
_background: none;# n) y$ @) u! O5 c1 \
_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale,src=20090318230119136.png);
4 J& b- W1 D6 Y0 r}2 \* B) d) n( L0 V Y9 C6 C4 ~" Z
</style>4 u2 S9 d, _' `9 `* J$ s0 n
<body bgcolor=#cccccc>, \5 P# u& _4 |* d g
<div class=mycls></div>
0 m; n. T' F+ E+ a! g</body>
" _; [2 ?, r1 R' F6 d" ]用以上方法就能用css实现png图片透明效果并兼容各种浏览器,快点试试吧。
6 _3 U: h9 P- ^- ?' Z7 p. n$ X, n8 C- p* V1 z. `
更多网页制作信息请查看: 网页制作 |