最近在做网站项目时遇到了一个问题，在网站首页做了一个flash图片轮播效果，（1）源代码如下：自己在本机测试时用的浏览器是360安全浏览器6.0，默认的模式是兼容模式，轮播图片可以正常显示，图片如下（6张轮播图片的第一张）：（2）网站上线测试后，有部分同事在访问网站时轮播图片区域无法正常显示，为一片空白，浏览器也无任何提示；图片如下：中间红色框区域本来是图片轮播动画，现在是一片空白！！（3）最开始考虑的是源代码有问题，把上面的代码反复看了又看，还是没有发现问题所在，下班回家后用自己的笔记本再次访问网站，笔记本的浏览器是360安全浏览器6.1，默认的模式是极速模式，轮播图片区域也无法正常显示，网站头部banner区域为一片空白，觉得这样用户体验不好，按照分步解决问题的办法，给整个放动画的div加了一个灰色的背景，代码如下：.js_box{ /*整个轮播动画的div*/margin:0px auto;/*flash轮播图片效果*/ background-color:#CCC; /*整个轮播动画div的背景颜色*/}这样的话，用360极速模式浏览，灰色色块可以显示，但flash图片轮播效果仍然无法显示！图片如下：（4）极速模式下背景颜色可以显示，兼容模式下可以正常显示轮播动画，但是我们不能强制所有浏览网站的访问者都用兼容模式，为了进一步提高用户体验，我用PHOTOSHOP软件做了一张提示图,用来提示用户切换浏览模式；图片如下：用语比较调皮、通俗，毕竟我们是要求浏览者来切浏览器模式，如果不注意语气，可能会导致浏览者直接关掉页面走人，一切为了用户体验！！这张提示图是用背景图片的方式来做的，css代码如下：.js_box{margin:0px auto;/*flash轮播图片效果*/background:url(../images/tishi.png);/*处理浏览者使用360安全浏览器6.1时出现的一片空白问题，图片提示切换到兼容模式*/ background-color:#CCC;/*处理浏览者使用360安全浏览器6.1时出现的一片空白问题，背景灰色*/}（5）最终效果，在360安全浏览器6.1极速模式下，网站banner区域有一个切换浏览模式的提示；图片如下:浏览者看了这个提示，切换浏览模式，即可看到正常的flash动画轮播效果。
下一篇：怎么用js做出动态图