技术解决2——导航下拉菜单被select框遮盖问题

导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种:
1.点击下拉菜单隐藏select //我觉得这个方法不太实用
2.把下拉菜单放在iframe元素上面
3.JavaScript模拟一个select菜单 不使用系统默认的select   //我感觉这个操作起来比较麻烦,效率也不高
第二种方法是大家比较认可的,原理是
div直接盖不住select 但是div可以盖iframe,而iframe可以盖select, 所以,把一个iframe来当作div的底, 这个div就可以盖住select了,我经过实践,发现还是不那么好用,下面在改进的基础上做了自己的方法,分享如下:
------------------------------------------------------------------------------
我的解决方法:Jquery+css
第一步:到网站http://jquery.com/上下载jquery-1.3.2.min.js文件,整个工程引用该文件。
即将加到页面中,注意src的路径随情况而变。

第二步:具体实现代码

ExpandedBlockStart.gif 代码
JS代码:用于判断浏览器的版本
< script  type ="text/JavaScript" >
            
function  getIE(){
            
if (navigator.appName  ==   " Microsoft Internet Explorer " )
            {
            
if (navigator.appVersion.match( / 7. / i) == ' 7. ' ||  navigator.appVersion.match( / 8.

你可能感兴趣的:(javascript,ViewUI)