关于透明

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);

 

posted @ 2014-01-09 21:39  王小飞  阅读(128)  评论(0)    收藏  举报