今天兴冲冲的把刚弄好的MP3播放器传到小博里调试,弄了好久,最后才发现是在服务器上读不了lrc文件(汗死)。但此外又发现了一个问题,在FF下FLASH不能透明!
原来是太性急了忘了在embed标签里面加wmode属性了,在这里就把各个浏览器下让FLASH透明的方法整理一下吧。
在IE6下很容易,把FLASH所在的DIV的z-index属性设为-1就可以了。
IE7下应该大多数人都知道,在<object>标签里面加上
<param name=”wmode” value=”transparent” />或者
<param name=”wmode” value=”opaque” />
在FF跟Chrome中,在IE7的基础上再在<embed>标签里添加属性wmode=”transparent”或wmode=”opaque”。
在这里列一个总的代码:
<div style=”z-index:-1;”>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0″ width=”350″ height=”180″>
<param name=”movie” value=”/mp3/player.swf” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”transparent” />
<embed src=”/mp3/player.swf” quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”350″ height=”180″ wmode=”transparent”></embed>
</object>
</div>
或者可以简写为
<object width="550" height="400" data="flash.swf" type="application/x-shockwave-flash">
<param name="wmode" value="transparent" />
<param name="src" value="flash.swf" />
</object>
我想大多数的程序员都应该跟我一样是自学的吧,AS3在国内兴起也不久,更没有什么好地方可以教的。所以,自学嘛,自然少不了好的书籍啦。
1、Flash ActionScript3 殿堂之路。

黑羽大哥的书,没啥好说的,至少目前有很大一部分学AS3的朋友都是被这本书带进门来的,本民工也不例外。这本书适合初学者,对基础知识讲解得非常到位,这本书对于理论讲解比较多而实例比较少,对于初学者来说很可能看了一大半了却觉得自己好像还什么也做不出来,这时不用着急,当你回过头再读一遍的时候,又会领悟很多东西。建议有心想学AS3的可以买一本来,在这里就不发电子版了(其实也没得发,此书在网上没有电子版)。
2、ActionScript3.0 CookBook 。

此书可以说跟殿堂之路正好相反,没有长篇大论的理论讲解,有的只是一个个完整的实例。喜欢通过实例来学习的朋友肯定会觉得很容易上手,本民工也是很喜欢Cookbook类型的。不过此书的实例大多都是比较基础简单的,但同样也适合当做一本AS3工具书常备手边。
3、FLash ActionScript3.0 动画教程。

这本书比较适合有点基础的朋友进阶用。本民工推荐这本书的原因之一也是因为此书的翻译比较到位,其实也有不少优秀的国外教程的,但是可惜翻译大都比烂,像本民工这种E文水平实在是……而且此书让我把抛弃了多年的数学跟物理又给复习了一遍,让我深有体会,原来当年数学跟物理还是很有用的呀。
前些天有个以前的学弟问我:为什么很多大网站都把背景图做在一张大图里呀?本民工不善言语,花好大劲才讲解清楚为什么会影响IIS链接数。但回头想想,平时真的很少去注意页面构建与IIS链接数的问题。
IIS链接数就是指同一时间内向服务器交换数据的的人数(个人理解),其间还有并发以及等待队列的问题。就像刚才所说的把背景图做在一张大图里的问题,我看网上对于单一图片算不算链接数有很多争论,其实也没什么好争的,试一试就会知道,自己建一个50个IIS链接数的服务器,页面里放50张图片,然后两个人同时打开这个页面的话,那50张图片会有一部分无法显示。这就很明了了,不管怎么说,把背景做成一张图只有好处没坏处,呵呵。
另外,对IIS链接数影响最直接的就是同时打开的浏览器窗口了,所以“_blank”可不要一个劲地用了。虽然很多时候建的一些小公司的站根本达不到IIS链接数上的限。
记得以前还在学校以及刚出来工作的时候,WEB1.0风格的网站别说圆角了,就连图片都是一大版一大版的。后来渐渐改进了些,切一个小角当背景图来做圆角,不管怎么说,只要用到图片的话,怎么说都浪费掉了一个IIS链接数(关于这个以后讲解),而用纯CSS来做圆角,不仅效果不比图片差,而且代码也并不复杂。
关于用CSS画圆角的原理,我们先把一个圆角给放大了来看,就很简单明了了。
这是一个5像素的圆角,我们可以看到每个像素只是水平边距不同,那么我们的样式可以这样写:
1
2
3
4
5
6
7
8
| <style>
div {height:100px; border-right:1px solid #000; border-left:1px solid #000;}
b {display:block; overflow:hidden; height:1px;}
.b1 {background:#000; margin:0 5px;}
.b2 {border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;}
.b3 {border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;}
.b4 {border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;}
</style> |
这是用b标签来当做圆角的转角,当然,理解了原理之后,可以延伸出多种的圆角。
在html页面里这样写就可以了:
1
2
3
| <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div></div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b> |
今天起床打开QQ,收到朋友一条信息:日本AV女皇饭岛爱24日死于东京家中!
本民工是一个极其讨厌AV和看AV的人,所以饭岛爱是谁,我跟本不认识!而至于那些什么北条香理、苍井空、武腾兰、川滨奈美、堤莎也加、町田梨乃、二阶堂仁美、饭田夏帆、饭冢友子、芳本叶月、冈崎结由、冈田丽奈、高木萌美、高田礼子、高原流美、宫本真美、宫岛司、古都光、光月夜也、河村亚季子、河井梨绪、黑崎扇菜、红月流奈、华歌恋、吉川萌、及川奈央、吉川真奈美、吉崎纱南、吉野莎莉、今井明日香、今木翔子、金泽蓝子、进藤玲菜、井上可奈、久保美希、酒井未希、臼井利奈、菊池丽香、菊池英里、菊池智子、橘真央、具志坚阳子、可爱亚织沙、葵小夏、蓝山南、兰望美、里见奈奈子、里美奈奈子、里美由梨香、立花丽华、立木爱、凉白舞、铃川玲理、铃江纹奈、铃木麻奈美、芦屋瞳、麻川美绪、麻生叶子、美里霞、美崎凉香、美雪沙织、美月莲、明日香、木谷麻耶、奈奈见沙织、内藤花苗、内田理沙、鲇川亚美、片濑亚纪、平山朝香、前原优树、前原佑子、浅见伽椰、浅井理、青木琳、青木玲、青野诗织、青羽未来、青沼知朝、秋本玲子、秋菜里子、秋元优奈、如月可怜、若林树里、若月树里、森下理音、纱月结花、杉浦清香、杉山亚来、山下由美子、杉原凉子、上原留华、神城千佳、神崎麻衣、神崎麻子、矢吹丽、手束桃、树本凉子、水城凛、水野朋美、水野茜、水越丽子、四季彩香寺田弥生、松浦梦、松浦唯、松田千夏、松下爱来、松下可怜、松元静香、速水真保、藤彩香、藤代流花、藤崎秋、藤森智子、天衣美津、田村麻衣、望月瞳、舞岛美织、午后野弥生、西泽友里、夏美舞、相川未希、相户爱、相田由美、小仓杏、小川流果、筱宫知世、小栗杏菜、小森美王、小室优奈、小野由佳、筱原凉、小泽菜穗、小泽玛丽亚、筱冢真树子、星爱丽斯、星崎瞳、星野绫香、星野洋子、星野真弥、徐若樱、雪乃小春、岩下美季、遥优衣、野宫美忧、野原奈津美、叶月千穗、伊东美华、一色丽矢、一色鲇美、一条沙希、乙伊沙也加、樱井沙也加、由树莉莉、有川真生、有吉奈生子、有森玲香、雨宫优衣、原千寻、原史奈。。。。
我更是一个都不认识!!!
对于一个Web Designer来说,这本手册可说是必备的。目前大部分的中文版CSS手册都是苏昱整理或是以苏昱版为基础而整理的,这个版本算是个人觉得比较好用的一个版本了。本民工一直在用,呵呵。
下载CSS 2.0中文手册(含索引)