主页改良完毕+Flash在Firefox下无法100%显示的解决办法

标签:Flash

这2天忙着弄主页,荒废了汉化…

好歹有了些成果,整合了不少东西,网页大小也压缩了下,删了很多没用的代码,增强了浏览器兼容性。
但有个奇怪的毛病,有时候访问会出错,然后浏览器就卡死。怎么也恢复不了,最后把缓存全部清空才搞定。
这可能是压缩的原因吧…以前也遇到过几次页面错误的情况,刷新下就好了…

顺便解决了Air Again宣传页面的浏览器兼容性问题。Flash在Firefox下只能显示1/3屏幕,后来查了下,原来Flash高度设为100%时,Firefox并不会全部显示。
解决办法很囧,把html标签前那段DOCTYPE删掉,即:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Firefox就是很烦,IE和chrome都正常,就它不正常。
昨天发现首页有些字在只Firefox上没彩色效果,查了下发现是颜色代码没加#,不过就连chrome都自动纠正了这个错误…

不过这个解决办法也表明网页不符合W3C的标准,所以不怕麻烦的可以这样做:
  1. 下载SWFObject
  2. 解压你下载的东西,把里面的swfobject.js弄出来,用script标签加载到你自己的网页。
  3. 在css中加上如下代码:
    html {
    height: 100%;
    }
    #flashcontent {
    height: 100%;
    }
    body {
    height: 100%;
    }
  4. 在你要放Flash的地方放上如下代码:
    注意将Flash文件名和版本改成自己的;不想判断是否启用了JavaScript的话,把noscript标签内的都去掉即可;不想判断是否支持Flash的话,把div标签内的都去掉即可
    <div id="flashcontent"> 
    <noscript> 
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%">
    <param name=movie value="a4desk.swf">
    <param name=quality value="high">
    <embed src="a4desk.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
    </object>
    如果您的Firefox浏览器禁用了JavaScript,则很可能只能看到一小部分。请开启JavaScript或更换其他浏览器,谢谢!<br /> 
    </noscript>
    为正确显示本网站中的Flash内容,您可能需要安装Flash插件。<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">点这里</a>从adobe官网安装Flash插件。
    </div>
    <script type="text/javascript"> 
    var so = new SWFObject("a4desk.swf", "", "100%", "100%", "6", "#666666", "high");
    so.write("flashcontent");
    </script>
  5. 如果想知道SWFObject的详细用法,又不想看英文文档,可以看中文文档,也有SWFObject的下载。

0条评论 你不来一发么↓

    想说点什么呢?