问题现象:点击下拉按钮,弹出的下拉菜单不正常。如下图所示:
但在其它页面,使用该“下拉框组件”时,显示又是正常的。如下图:
一开始以为是IE8的兼容问题,我也懒得抽时间来解决这个。说实话,现在越来越讨厌IE浏览器。
后来发现,其它页面中又不存在这个问题。我又认为可能是出问题的页面中存在的CSS与该“下拉框组件”的样式冲突导致。不过,也没有立即着手解决这个问题。
今天在整理资料时,又想到该问题尚未解决。经过分析、调试。终于发现问题所在:
出问题的页面头部引用的文件为:
<!DOCTYPE HTML>
该内容由参考artDialog框架中“_doc/frameset.html”中,见下图:
将该内容替换为:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
后,下拉菜单显示正常。
在另一个页面,问题依然没有解决。如下图:
原来,前期准备解决这个问题时在<head></head>间增加了:
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
将此句删除。“下拉框组件”即可恢复正常。