关于透明
1.透明图片
png8支持全透明图片,不支持半透明图片.
png24支持半透明图片,不过ie6支持;对ie6的兼容方法
1.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="绝对路径/images/bg.png");
此方法图片须写绝对路径,且背景图片不能重复,图片多大那么背景也就多大。
2.<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js?v=b4e86b02"></script>
<script> DD_belatedPNG.fix('.pngfix'); </script>
<![endif]-->
此方法采用ie画笔,支持图片重复以及定位!
2.半透明背景的实现
rgba+filter
background:rgba(0, 0, 0, 0.3);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');
存在的问题:ie9支持rgba的形式,也支持filter的形式,所以在ie9中透明度不是那么的大;ie10以及其他ie9一下都正常;
解决方法:
<!--[if lt IE 9]><style>.v_fixed_nav .v_nav_sbox{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#e3c70048', endColorstr='#e3c70048');}</style><![endif]-->
使filter只在ie9以下执行filter。
filter值得计算方式:透明值*255*10/16在用16进值表示;eg:
把30%的不透明度转换成十六制呢的方法如下:先计算#AA的的十进制x,x/255 = 3/10,解得x=3*255/10,然后再把x换算成十六进制,约等于4B。
3.dom透明
opacity:0.5;filter:alpha(opacity=50);

浙公网安备 33010602011771号