透明往往能产生不错的网页视觉效果下面是兼容主流浏览器的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-100,其它三个0到1.

-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。

-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。

opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.

CSS透明度继承问题

如lady.qq.com的效果图

但CSS的透明属性涉及到一个继承问题,当为父级元素设置透明度后,子元素将自动继承其透明度

即使你又为子元素指定透明度为1也是无效的

对于子元素是文字的情况

三种解决方法.

1。如果能够将就看,就先暂时不管了

2。为文本子元素指定一个相对更深的颜色。也就是说,当子元素继承透明度后,所得到的文本颜色正好就是你想要的。 
  前提是,这个颜色还有加深的可能,和需要详细的计算颜色和透明度的值。

3。为透明效果和文字单独设置各个层,也就是为透明单独做个层.然后文字的层盖在上面

以上就是小编为大家带来的兼容主流浏览器的CSS透明代码(必看篇)全部内容了,希望大家多多支持~

广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。