收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1572|回复: 1

[求助] 关于select列表菜单

[复制链接]
发表于 2009-1-9 09:53:22 | 显示全部楼层 |阅读模式
<div class="online">
<h2>在线查单词</h2>
<form name="f" action="http://www.google.cn/dictionary" target="_blank">
  <select id="dct-slc" name="langpair" onchange="onUpdateLangpair(this)">
    <option value="en|en">英语词典</option>
    <option value="en|fr">英语 &raquo; 法语 </option>
    <option value="fr|en">法语 &raquo; 英语 </option>
    <option value="fr|fr">法语词典 </option>
    <option value="en|de">英语 &raquo; 德语&nbsp;测试版 </option>
    <option value="de|en">德语 &raquo; 英语&nbsp;测试版 </option>
    <option value="en|it">英语 &raquo; 意大利语 </option>
    <option value="it|en">意大利语 &raquo; 英语 </option>
    <option value="it|it">意大利语词典 </option>
    <option value="en|ko">英语 &raquo; 朝鲜语 </option>
    <option value="ko|en">朝鲜语 &raquo; 英语 </option>
    <option value="en|es">英语 &raquo; 西班牙语 </option>
    <option value="es|en">西班牙语 &raquo; 英语 </option>
    <option value="es|es">西班牙语词典 </option>
    <option value="en|ru">英语 &raquo; 俄语&nbsp;测试版 </option>
    <option value="ru|en">俄语 &raquo; 英语&nbsp;测试版 </option>
    <option value="ru|ru">俄语词典 </option>
    <option value="en|zh-TW">英语 &raquo; 中文(繁体) </option>
    <option value="zh-TW|en">中文(繁体) &raquo; 英语 </option>
    <option value="zh-TW|zh-TW">中文(繁体)词典 </option>
    <option selected value="en|zh-CN">英语 &raquo; 中文(简体) </option>
    <option value="zh-CN|en">中文(简体) &raquo; 英语 </option>
    <option value="zh-CN|zh-CN">中文(简体)词典 </option>
    <option value="en|pt">英语 &raquo; 葡萄牙语 </option>
    <option value="pt|en">葡萄牙语 &raquo; 英语 </option>
    <option value="pt|pt">葡萄牙语词典 </option>
    <option value="en|hi">英语 &raquo; 印度文 </option>
    <option value="hi|en">印度文 &raquo; 英语 </option>
    <option value="nl|nl">荷兰语词典 </option>
  </select>
  <script>
if (!window.google) { window.google = {}; }
var addDictSelectBox = function () {
var language_code = {
'en':'英语',
'nl':'荷兰语',
'fr':'法语',
'de':'德语',
'it':'意大利语',
'ko':'朝鲜语',
'pt':'葡萄牙语',
'ru':'俄语',
'es':'西班牙语',
'zh-CN':'中文(简体)',
'hi':'印度文',
'zh-TW':'中文(繁体)'
};
window.google.install('dct-slc', language_code);
};
window.setTimeout(addDictSelectBox, 10);
</script>
<input autocomplete="off" type="text" name="q" size="20" maxlength="2048" value="" title="查字典" class="text">
<input type="hidden" name="hl" value="zh-CN">
<input type="submit" value="" class="botton">
</form>
</div>

请看以上一段代码.我将最外面的online定义了宽度..在静态HTML页面时一切正常..但是到了程序那.却是.select的二级菜单被online的宽度所限制.请问.要怎么让列表菜单.不被外面容器所影响..
可能表达的不是很清楚..请大虾们帮忙..
发表于 2009-3-13 18:36:52 | 显示全部楼层
给那个form设置一个{position:relative;z-index:1;} 试试看。

另外,你可以把完整代码发上来吗?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-22 15:09 , Processed in 0.077927 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表