JavaScript jquery:simule z-index将div放在select对象上(explorer bug)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript jquery:simule z-index将div放在select对象上(explorer bug)相关的知识,希望对你有一定的参考价值。

INSIDE THE HEAD
......................................................................
<script type="text/javascript" src="http://brandonaaron.net/jquery/plugins/bgiframe/jquery.bgiframe.js"></script>

<script type="text/javascript">
  $(function() {
    $('#box').bgiframe();
  });
</script>

<style type="text/css" media="screen">
  form { position: absolute; top: 0; left: 0; width: 100%; }
  select { position: relative; width: 100%; margin: 0 0 2px; z-index: 1; }
  .box { position: relative; z-index: 2; float: left; margin: 5px; border: 5px solid #666; padding: 5px; width: 250px; height: 100px; color: #000; background-color: #999; }
</style>
 

HTML
......................................................................
<form action="#" method="get" accept-charset="utf-8">
  <select name="test"><option>valor 1</option></select>
  <select name="test"><option>valor 2</option></select>
  <select name="test"><option>valor 3</option></select>
</form>
<div id="box" class="box">contenido del box</div>

以上是关于JavaScript jquery:simule z-index将div放在select对象上(explorer bug)的主要内容,如果未能解决你的问题,请参考以下文章

React Native / EXPO / iOS Simulator Stuck @ 'Downloading Javascript Bundle 100%'

如何使用Javascript数据表

javascript 重力表中的选项组// http://blog.rutwick.com/simulate-optgroups-in-gravity-forms-select-drop-down-e

一个模拟异步文件上传的jQuery插件。

JavaScript强化教程 —— Cocos2d-JS极速调试技巧

模拟“ENTER”按键,就像人类在网站上点击一样[重复]