网页兼容问题

作者:朵未 发布于:2009-12-14 18:20 Monday 分类:网络相关 繁體中文

前天安装了Google Chrome浏览器。用惯了IE内核浏览器,自己也装个非IE内核的试试。装好后打开看了看,Google浏览器界面十分简洁,换了个自己喜爱的皮肤,感觉蛮好。

点击查看原图


后来浏览自己主页的时候,发现了蛮大的问题。网页不兼容。我现在才知道我的做的几张静态页子在非IE内核下显示是多么的糟糕。

点击查看原图

首先链接的Css定义在google浏览器下失效或部分失效。链接冒出下划线了。顶部覆盖的透明flash也遮住了链接。网页框架的居中效果也失效。And网页背景无法显示和长度拉长问题。于是在网上搜索了些网页兼容问题的知识。看看自己能否有所解决办法。忙了好久,找到了些兼容方式,比如Css Hack啊,可惜不知道怎么用。只好作罢。

后来在本地,用DW对网页的某些参数作重新定义,发现不行,后来索性换了段Css代码。总算起作用了。如此的修改了一番,开了Google Chrome、IE8和Maxthon3个浏览器进行调试浏览。总算基本解决网页在非IE浏览器下显示极其不正常的问题。不过,网页产生了一些我无法解决的问题,网页错误,其中的错误代码,我现在的水平还无法查找。好得有点进步了。

在调试过程中,突然冒出个透明Flash显示不正常问题。原来的那段代码是:
<EMBED style="LEFT: 0px; POSITION: absolute; TOP: -200px" align=right src=http://imgfree.21cn.com/free/flash/139.swf width=850 height=510 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>

后来找了下资料,修改了下。一切正常了。
<object style="RIGHT: 10px; POSITION:absolute ; TOP: -150px" align=RIGHT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="500">
                      <param name="movie" value="http://heyda.cn/flash/tm/shuizhu.swf " />
                      <param name="quality" value="high" />
                      <param value="transparent" name="wmode" />
<EMBED style="RIGHT: 10px; POSITION:absolute ; TOP: -150px" align=RIGHT src=http://heyda.cn/flash/tm/shuizhu.swf width=700 height=500 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>
原来Adobe公司考虑到浏览器兼容问题,分别定义了两段不同的代码,供不同内核的浏览器显示。其中EMBDE试用于非IE内核浏览器。

至此问题基本解决了。这次经历给了我一个提示,以后设计网页最好先在非IE内核浏览器下调试好。然后在IE内核浏览器下作相关修改。
可惜本人太菜,无法很好的解决问题,不过当我慢慢的尝试做一些事,我总是在不断的进步。这样也蛮好吧。呵呵。
 

  标签: 网页兼容 浏览器

评论:

Penny
2010-03-29 17:06
懂得在生活中磨练的人,才会不断进步。顶你,加油!
朵未
2010-03-29 18:08
@Penny:谢谢!加油!

发表评论:

© 淡蓝色的回忆 2009-2017 管理 手机版 sitemap Powered by emlog
无觅相关文章插件,快速提升流量 总计 5 人在线 - 最高纪录是 73 于 2016-10-17