打印

[求助] 浏览器的缩放功能,导致网页一些元素消失和错位...

基本现象就是,按住CTRL+鼠标滚轮缩放网页的时候,一些网页的元素消失了,一些错位了...

像土豆的视频播放页面就这样,我写的网页也有类似情况,一些JS插入的SWF按钮菜单在缩放网页的时候消失了,有的FLASH背景变形了...而文字和图片部分倒不受影响...

改变屏幕分辨率倒是不会消失和变形...
问,这些JS插入的FLASH元素要怎么写才能在缩放网页的时候显示正常?

附上代码...很普通的JS插入SWF...
JS中的代码
复制内容到剪贴板
代码:
function swf(file,w,h) {
    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="'+w+'" height="'+h+'"> ');
    document.write('<param name="movie" value="' + file + '">');
    document.write('<param name="quality" value="autolow"> ');
    document.write('<param name="wmode" value="transparent"> ');
    document.write('<param name="menu" value="false"> ');
    document.write('<param name="scale" value="exactfit"> ');
    document.write('<embed src="' + file + '" quality="autolow" wmode="transparent"  menu="false" scale="exactfit" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="'+w+'" height="'+h+'"></embed> ');
    document.write('</object> ');
}
然后HTML里的
复制内容到剪贴板
代码:
<script src="js/flash.js" type="text/javascript" language="javascript"></script>
.....................................
.....................................
.....................................
<script type="text/javascript" language="javascript">swf('items/index.swf','244','560');</script>

试验了下,把FLASH的透明去掉就正常了...

document.write('<param name="wmode" value="transparent"> ');

wmode="transparent"

可是没有透明...FLASH下面的元素被遮住了...怎么办?
SWF里设置背景色透明,在网页里不写透明参数,能显示透明么? 话说我对FLASH一窍不通啊...
透明在Firefox也不会正常显示,加了也没什么用。
至于JS插入的FLASH元素要怎么写才能在缩放网页的时候显示正常
我见过有些网站的Flash是用js控制宽度的,是可变的。至于怎么实现,我也没有详细研究过。
回楼上,FLASH加入透明参数,在FF和OPERA下显示都正常,不能正常显示的应该是透明滤镜吧。JS控制FLASH的宽,无非是VAR几个变量传入长宽值,跟1楼那样传入长宽值一个道理嘛。
两种写法都能通过W3C~除了缩放的时候由于有透明参数,导致FLASH消失或变形...其他一切正常...多分辨率下也正常...

话说编辑了一下SWF文件,发现怎么都没法把背景色改成透明,输出的时候,SWF的背景色永远是ALPHA100%~~这回真的没辙了...

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
另外忘记说了,缩放导致上述情况的,只有IE内核的支持网页缩放功能的浏览器(如腾讯的TT、遨游2等,计算机上装的IE6),IE7、FF和OPERA下正常...

[ 本帖最后由 xiaofeimk2 于 2008-6-17 17:02 编辑 ]

TOP