让文字浮在flash或者图片之上,并且文字半透明
来源:互联网 发布:淘宝签名照是真的吗 编辑:程序博客网 时间:2024/05/16 10:53
生活不菜,菜鸟不菜。大家好,我是互联网小菜鸟。又和大家见面了,最近在想把自己的简历做得漂亮一点,于是乎就想做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,0,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;
大家可以自己写一下试一下,然后,体验一下,有问题可以留言,大家一起学习。好了,希望大家看得开心,玩的愉快~
- 让文字浮在flash或者图片之上,并且文字半透明
- 文字置于图片之上且背景半透明
- 将图片的说明文字显示在图片之上且背景半透明效果
- CSS让文字半透明显示在图片上
- 图片+半透明背景文字
- 如何让动态图片浮动在flash之上
- 让文字在图片上滚动显示
- HTML让文字在图片上显示
- 将文字显示在图片上面,并使文字背景半透明
- openframeworks加载半透明视频,文字,图片
- 在java的GUI上放置图片,并在图片上输出半透明文字
- 在JAVA的GUI上放置图片,并在图片上输出半透明文字
- 在java的GUI上放置图片,并在图片上输出半透明文字
- 让 div 在 select或flash 之上
- 让DIV浮动在FLASH之上
- 让层(div)覆盖在flash之上
- 让DIV显示在flash之上
- 图片或者文字滚动代码
- oracle错误一览表
- VC6.0快捷键
- 为什么我用Eclipse for C/C++写C语言,为什么输入输出不是按照代码的顺序执行?
- 小知识,大积累
- 使用MiniTools更方便的调试TQ210裸机程序
- 让文字浮在flash或者图片之上,并且文字半透明
- Hyper
- IntelliJ 资源编译问题
- Makefile中的wildcard、patsubst
- joj 1270 Triangle Wave 找点自信题
- 配置自己的vim
- Python线程指南
- hdu2886之线段树单点更新
- close a connection for you