网页兼容问题

作者：朵未发布于：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内核浏览器下作相关修改。
可惜本人太菜，无法很好的解决问题，不过当我慢慢的尝试做一些事，我总是在不断的进步。这样也蛮好吧。呵呵。