全国服务热线:4008-888-888

技术知识

适配流行访问器的CSS全透明编码(必看篇)

全透明常常能造成非常好的网页页面视觉效果实际效果下面是适配流行访问器的CSS全透明编码。

CSS Code拷贝內容到剪贴板
  1. transparent_class {   
  2.   
  3.   filter:alpha(opacity=50);   
  4.   
  5.   -moz-opacity:0.5;   
  6.   
  7.   -khtml-opacity: 0.5;   
  8.   
  9.   opacity: 0.5;   
  10.   
  11. }  

filter:alpha(opacity=50):这个是为IE6设的,可赋值在0⑴00,其它3个0到1.

-moz-opacity:0.5; 这个是以便适用1些老版本号的Mozilla访问器。

-khtml-opacity: 0.5; 这个以便适用1些老版本号的Safari访问器。

opacity: 0.5; 这是最关键的,由于它是CSS规范.该特性适用firefox, Safari和 Opera.

CSS全透明度承继难题

如lady.qq.com的实际效果图

但CSS的全透明特性涉及到到1个承继难题,当为父级元素设定全透明度后,子元素将全自动承继其全透明度

即便你又为子元素特定全透明度为1也是失效的

针对子元素是文本的状况

3种处理方式.

1。假如可以凑合看,就先临时无论了

2。为文字子元素特定1个相对性更深的色调。也便是说,当子元素承继全透明度后,所获得的文字色调恰好便是你要想的。 
  前提条件是,这个色调也有加深的将会,和必须详尽的测算色调和全透明度的值。

3。为全透明实际效果和文本独立设定各个层,也便是为全透明独立做个层.随后文本的层盖在上面

以上便是网编为大伙儿带来的适配流行访问器的CSS全透明编码(必看篇)所有內容了,期待大伙儿多多适用脚本制作之家~



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服