加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

让文字浮在flash或者图片之上,并且文字半透明

发布时间:2020-12-15 18:08:28 所属栏目:百科 来源:网络整理
导读:????? 生活不菜,菜鸟不菜。大家好,我是互联网小菜鸟。又和大家见面了,最近在想把自己的简历做得漂亮一点,于是乎就想做html版的简历,里面加入了JQuery,一些小动画,也是这两天刚看了点JQuery的东西,看看能不能加进去,感觉还不错!今天想和大家分享的

????? 生活不菜,菜鸟不菜。大家好,我是互联网小菜鸟。又和大家见面了,最近在想把自己的简历做得漂亮一点,于是乎就想做html版的简历,里面加入了JQuery,一些小动画,也是这两天刚看了点JQuery的东西,看看能不能加进去,感觉还不错!今天想和大家分享的是,如何在flash和图片上添加文字,并且文字是半透明的。摸索了一丢丢时间,终于搞定,下面就和大家说说具体步骤。

???? 我们以flash为例来说明一下。首先你在你的html文档里应该已经插入了

<div class="logoFlash">
??? <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0" width="1002" height="135">
??????????????????????? <param name="movie" value="flash/Random_011.swf">
??????????????????????? <param name="quality" value="high">
??????????????????????? <param name="wmode" value="transparent">
??????????????????????? <embed src="flash/Random_011.swf" width="1002" height="135" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent">
??????</embed>
??</object>???
</div>

这个flash代码。然后我们写一个文字的html标签,简单点就是<div><font id="name" size="+3">菜鸟应聘简历</font></div>,然后,就是CSS发挥作用的时候了。下面看一下CSS里面的代码。

.logoFlash{
??? position:relative;
? ?height: 134px;
?width: 100%;
}
#name{
??? position:absolute;
?width:300px;
?height:100px;
?left:535;
?top:50;
?filter:alpha(opacity=50);
?-moz-opacity:0.5;
?opacity:0.5;
?font:bold 30px/30px Verdana,Arial;
?text-align:center;
?cursor:hand;
?color:#de5643;
}
在CSS里面我们可以看见那个Flash用的是相对位置,而文字用的是绝对位置,把文字改成半透明的关键代码是

?filter:alpha(opacity=50);
?-moz-opacity:0.5;
?opacity:0.5;

大家可以自己写一下试一下,然后,体验一下,有问题可以留言,大家一起学习。好了,希望大家看得开心,玩的愉快~

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读